<!DOCTYPE html>
<!-- saved from url=(0047)https://www.hicustom.com/frontend/create/create -->
<html data-theme="default" style="font-size: 33.6979px;">


<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <meta name="viewport" content="width=device-width">
  <title>demo</title>
  <meta name="keywords" content="免费设计器，指纹科技，指纹定制，商品定制，设计素材，免费图库，免费拿样，HICUSTOM">
  <meta name="description" content="指纹科技HICUSTOM的免费设计器，支持多端在线设计，2D/3D商品效果图，所见即所得，按图定制商品，快速免费汇出刊登多个电商平台。">



  <link rel="stylesheet" type="text/css" href="./static/font.css">
  <link rel="stylesheet" type="text/css" href="./static/fontNew.css">

  <link rel="stylesheet" href="./static/chunk-vendors.css">
  <link rel="stylesheet" href="./static/app.css">
  <script src="https://code.jquery.com/jquery-3.7.0.min.js"
    integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
  <script src="https://unpkg.com/fabric@5.3.0/dist/fabric.min.js"> </script>
  <script src="./canvas2d.js"> </script>
  <style>
    .controls {
      display: inline-block;
    }
  </style>
  <style>
    .corner-icon-group .corner-rotate {
      /* 自定义样式 */
      /* 例如：更改图标为自定义图像 */
      background-image: url('./rotate-left.png');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
    }

    .corner-icon .corner-rotate {
      opacity: 0;
    }
  </style>

</head>

<body>




  <div data-v-22945428="" id="app"><!----><!---->
    <div data-v-908bf3ae="" data-v-22945428="" id="main">
      <div data-v-908bf3ae="">

        <div data-v-908bf3ae="" class="zwdesign-main">
          <div data-v-908bf3ae="" class="zwdesign-main--left">
            <div data-v-ea350f60="" data-v-908bf3ae="" class="sidebar">


              <div data-v-ea350f60="" class="sidebar-main" style="display: none;">

                <div data-v-ea350f60="" class="sidebar-cont scroll-bar zwkj">
                  <div data-v-ea350f60="" class="cont-top">
                    <div data-v-7e97ed0c="" data-v-ea350f60="" class="product-box" style="display: none;">
                      <div data-v-7e97ed0c="" class="search-field">
                        <div data-v-7e97ed0c="" class="tab-row">
                          <div data-v-7e97ed0c="" class="switch-tab">
                            <div data-v-7e97ed0c="" class="tab-item active"> 全部商品 </div>
                            <div data-v-7e97ed0c="" class="tab-item"> 收藏商品 </div>
                          </div>
                        </div>
                        <div data-v-7e97ed0c="" class="search-row mt12 ml20 mr20">
                          <div data-v-069b8f04="" data-v-7e97ed0c="" class="searchbox relative">
                            <div data-v-069b8f04="" class="searchbar">
                              <div data-v-069b8f04="" class="left">
                                <div data-v-069b8f04="" class="search-icon"><i data-v-069b8f04=""
                                    class="iconfont iconzoom"></i></div><input data-v-069b8f04="" type="text"
                                  placeholder="产品名称/编码/SPU编码" class="search-input"><i data-v-069b8f04=""
                                  class="el-icon-circle-close clear" style="display: none;"></i>
                              </div>
                              <div data-v-069b8f04="" class="right filter"><span data-v-069b8f04=""><i
                                    data-v-069b8f04="" class="iconfont iconcontrol"></i></span></div>
                            </div>
                            <div data-v-069b8f04="" class="dropdown-cont" style="left: 0px; top: 0px;">
                              <div data-v-069b8f04="" style="display: none;">
                                <div data-v-3cdb04bf="" data-v-7e97ed0c=""
                                  class="search-filter-form __zw-search-filter-form" data-v-069b8f04="">
                                  <div data-v-3cdb04bf="" class="search-title"><i data-v-3cdb04bf=""
                                      class="el-icon-close"></i></div>
                                  <div data-v-3cdb04bf="" class="search-field">
                                    <div data-v-3cdb04bf="" class="form-item">
                                      <div data-v-3cdb04bf="" class="label">产品等级</div>
                                      <div data-v-3cdb04bf="" class="cont">
                                        <div data-v-0ed8d6a6="" data-v-3cdb04bf="" class="zw-checkbox"><label
                                            data-v-0ed8d6a6="" class="item-all item mr10 active">全部</label><label
                                            data-v-0ed8d6a6="" class="item mr10"> 个人版 <input data-v-0ed8d6a6=""
                                              type="radio" value="-1"></label><label data-v-0ed8d6a6=""
                                            class="item mr10"> 创业版 <input data-v-0ed8d6a6="" type="radio"
                                              value="3"></label><label data-v-0ed8d6a6="" class="item mr10"> 专业版 <input
                                              data-v-0ed8d6a6="" type="radio" value="2"></label><label
                                            data-v-0ed8d6a6="" class="item mr10"> 企业版 <input data-v-0ed8d6a6=""
                                              type="radio" value="4"></label><!----></div>
                                      </div>
                                    </div>
                                    <div data-v-3cdb04bf="" class="form-item">
                                      <div data-v-3cdb04bf="" class="label">采购价格</div>
                                      <div data-v-3cdb04bf="" class="cont flex">
                                        <div data-v-0ed8d6a6="" data-v-3cdb04bf="" class="zw-checkbox"><label
                                            data-v-0ed8d6a6="" class="item-all item mr10 active">全部</label><label
                                            data-v-0ed8d6a6="" class="item mr10"> 1-10元 <input data-v-0ed8d6a6=""
                                              type="radio" value="1"></label><label data-v-0ed8d6a6=""
                                            class="item mr10"> 10-20元 <input data-v-0ed8d6a6="" type="radio"
                                              value="2"></label><label data-v-0ed8d6a6="" class="item mr10"> 20-40元
                                            <input data-v-0ed8d6a6="" type="radio" value="3"></label><label
                                            data-v-0ed8d6a6="" class="item mr10"> 40-60元 <input data-v-0ed8d6a6=""
                                              type="radio" value="4"></label><label data-v-0ed8d6a6=""
                                            class="item mr10"> 大于60元 <input data-v-0ed8d6a6="" type="radio"
                                              value="5"></label><!----></div>
                                      </div>
                                    </div>
                                    <div data-v-3cdb04bf="" class="form-item">
                                      <div data-v-3cdb04bf="" class="label"> 设计区域形状 <span data-v-3cdb04bf="">
                                          <div role="tooltip" id="el-popover-107" aria-hidden="true"
                                            class="el-popover el-popper shape-tips" tabindex="0" style="display: none;">
                                            <!---->
                                            <div data-v-3cdb04bf="" class="popover-tips">
                                              <div data-v-3cdb04bf="" class="shape-title pb10"><i data-v-3cdb04bf=""
                                                  class="iconfont iconcaveat-circle mr2"></i> 通过设计区域的“宽”、“高”比例值，划分产品类型
                                              </div>
                                              <ul data-v-3cdb04bf="" class="shape-list">
                                                <li data-v-3cdb04bf="">
                                                  <div data-v-3cdb04bf="" class="rect">
                                                    <div data-v-3cdb04bf="" class="shape1"></div>
                                                  </div>
                                                  <p data-v-3cdb04bf="" class="name">似方形</p>
                                                  <p data-v-3cdb04bf="" class="ratio">1:(0.9~1)</p>
                                                </li>
                                                <li data-v-3cdb04bf="">
                                                  <div data-v-3cdb04bf="" class="rect">
                                                    <div data-v-3cdb04bf="" class="shape2"></div>
                                                  </div>
                                                  <p data-v-3cdb04bf="" class="name">横向形</p>
                                                  <p data-v-3cdb04bf="" class="ratio">1:(0.6~0.9)</p>
                                                </li>
                                                <li data-v-3cdb04bf="">
                                                  <div data-v-3cdb04bf="" class="rect">
                                                    <div data-v-3cdb04bf="" class="shape3"></div>
                                                  </div>
                                                  <p data-v-3cdb04bf="" class="name">竖向形</p>
                                                  <p data-v-3cdb04bf="" class="ratio">1:(1.1~1.8)</p>
                                                </li>
                                                <li data-v-3cdb04bf="">
                                                  <div data-v-3cdb04bf="" class="rect">
                                                    <div data-v-3cdb04bf="" class="shape4"></div>
                                                  </div>
                                                  <p data-v-3cdb04bf="" class="name">超横形</p>
                                                  <p data-v-3cdb04bf="" class="ratio">1:(0.1~0.6)</p>
                                                </li>
                                                <li data-v-3cdb04bf="">
                                                  <div data-v-3cdb04bf="" class="rect">
                                                    <div data-v-3cdb04bf="" class="shape5"></div>
                                                  </div>
                                                  <p data-v-3cdb04bf="" class="name">超竖形</p>
                                                  <p data-v-3cdb04bf="" class="ratio">1:(1.9+)</p>
                                                </li>
                                              </ul>
                                            </div>
                                          </div><span class="el-popover__reference-wrapper"><i data-v-3cdb04bf=""
                                              class="iconfont iconcaveat-circle el-popover__reference"
                                              aria-describedby="el-popover-107" tabindex="0"></i></span>
                                        </span></div>
                                      <div data-v-3cdb04bf="" class="cont flex">
                                        <div data-v-0ed8d6a6="" data-v-3cdb04bf="" class="zw-checkbox"><label
                                            data-v-0ed8d6a6="" class="item-all item mr10 active">全部</label><label
                                            data-v-0ed8d6a6="" class="item mr10"> 似方形 <input data-v-0ed8d6a6=""
                                              type="checkbox" value="1"></label><label data-v-0ed8d6a6=""
                                            class="item mr10"> 横向形 <input data-v-0ed8d6a6="" type="checkbox"
                                              value="2"></label><label data-v-0ed8d6a6="" class="item mr10"> 竖向形 <input
                                              data-v-0ed8d6a6="" type="checkbox" value="3"></label><label
                                            data-v-0ed8d6a6="" class="item mr10"> 超横形 <input data-v-0ed8d6a6=""
                                              type="checkbox" value="4"></label><label data-v-0ed8d6a6=""
                                            class="item mr10"> 竖向形 <input data-v-0ed8d6a6="" type="checkbox"
                                              value="5"></label><!----></div>
                                      </div>
                                    </div>
                                    <div data-v-3cdb04bf="" class="form-item">
                                      <div data-v-3cdb04bf="" class="label">发货时效</div>
                                      <div data-v-3cdb04bf="" class="cont flex">
                                        <div data-v-0ed8d6a6="" data-v-3cdb04bf="" class="zw-checkbox"><label
                                            data-v-0ed8d6a6="" class="item-all item mr10 active">全部</label><label
                                            data-v-0ed8d6a6="" class="item mr10"> 0-2天 <input data-v-0ed8d6a6=""
                                              type="radio" value="1"></label><label data-v-0ed8d6a6=""
                                            class="item mr10"> 2-3天 <input data-v-0ed8d6a6="" type="radio"
                                              value="2"></label><label data-v-0ed8d6a6="" class="item mr10"> 3-4天 <input
                                              data-v-0ed8d6a6="" type="radio" value="3"></label><label
                                            data-v-0ed8d6a6="" class="item mr10"> 大于4天 <input data-v-0ed8d6a6=""
                                              type="radio" value="4"></label><!----></div>
                                      </div>
                                    </div>
                                    <div data-v-3cdb04bf="" class="form-item">
                                      <div data-v-3cdb04bf="" class="label">全副产品</div>
                                      <div data-v-3cdb04bf="" class="cont">
                                        <div data-v-0ed8d6a6="" data-v-3cdb04bf="" class="zw-checkbox"><label
                                            data-v-0ed8d6a6="" class="item-all item mr10 active">全部</label><label
                                            data-v-0ed8d6a6="" class="item mr10"> 是 <input data-v-0ed8d6a6=""
                                              type="radio" value="1"></label><label data-v-0ed8d6a6=""
                                            class="item mr10"> 否 <input data-v-0ed8d6a6="" type="radio"
                                              value="-1"></label><!----></div>
                                      </div>
                                    </div>
                                    <div data-v-3cdb04bf="" class="form-item">
                                      <div data-v-3cdb04bf="" class="label">产品编号</div>
                                      <div data-v-3cdb04bf="" class="cont flex" style="width: 100%;"><input
                                          data-v-3cdb04bf="" type="text" placeholder="多个产品编号用逗号或空格分开"
                                          class="form-input"></div>
                                    </div>
                                  </div>
                                  <div data-v-3cdb04bf="" class="operates pr20"><a data-v-3cdb04bf=""
                                      class="button mr10">清除</a><a data-v-3cdb04bf="" class="button primary">应用筛选条件</a>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div><span data-v-7e97ed0c="">
                            <div role="tooltip" id="el-popover-8427" aria-hidden="true"
                              class="el-popover el-popper cgselector-popover" tabindex="0" style="display: none;">
                              <!---->
                              <div data-v-7e97ed0c="" class="el-cascader-panel is-bordered" size="small">
                                <div class="el-scrollbar el-cascader-menu" role="menu" id="cascader-menu-3709-0">
                                  <div
                                    class="el-cascader-menu__wrap el-scrollbar__wrap el-scrollbar__wrap--hidden-default">
                                    <ul class="el-scrollbar__view el-cascader-menu__list">
                                      <li role="menuitem" id="cascader-menu-3709-0-0" tabindex="-1"
                                        class="el-cascader-node is-selectable in-checked-path is-active"><label
                                          role="radio" aria-checked="true" tabindex="0"
                                          class="el-radio is-checked"><span class="el-radio__input is-checked"><span
                                              class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                              tabindex="-1" autocomplete="off" class="el-radio__original"
                                              value="0"></span><span
                                            class="el-radio__label"><span></span><!----></span></label><span
                                          class="el-cascader-node__label">全部分类</span></li>
                                      <li role="menuitem" id="cascader-menu-3709-0-1" tabindex="-1"
                                        class="el-cascader-node is-selectable" aria-haspopup="true"
                                        aria-owns="cascader-menu-3709-0"><label role="radio" tabindex="0"
                                          class="el-radio"><span class="el-radio__input"><span
                                              class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                              tabindex="-1" autocomplete="off" class="el-radio__original"
                                              value="26"></span><span
                                            class="el-radio__label"><span></span><!----></span></label><span
                                          class="el-cascader-node__label">家居用品</span><i
                                          class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
                                      <li role="menuitem" id="cascader-menu-3709-0-2" tabindex="-1"
                                        class="el-cascader-node is-selectable" aria-haspopup="true"
                                        aria-owns="cascader-menu-3709-0"><label role="radio" tabindex="0"
                                          class="el-radio"><span class="el-radio__input"><span
                                              class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                              tabindex="-1" autocomplete="off" class="el-radio__original"
                                              value="1"></span><span
                                            class="el-radio__label"><span></span><!----></span></label><span
                                          class="el-cascader-node__label">男士服装</span><i
                                          class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
                                      <li role="menuitem" id="cascader-menu-3709-0-3" tabindex="-1"
                                        class="el-cascader-node is-selectable" aria-haspopup="true"
                                        aria-owns="cascader-menu-3709-0"><label role="radio" tabindex="0"
                                          class="el-radio"><span class="el-radio__input"><span
                                              class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                              tabindex="-1" autocomplete="off" class="el-radio__original"
                                              value="132"></span><span
                                            class="el-radio__label"><span></span><!----></span></label><span
                                          class="el-cascader-node__label">女士服装</span><i
                                          class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
                                      <li role="menuitem" id="cascader-menu-3709-0-4" tabindex="-1"
                                        class="el-cascader-node is-selectable" aria-haspopup="true"
                                        aria-owns="cascader-menu-3709-0"><label role="radio" tabindex="0"
                                          class="el-radio"><span class="el-radio__input"><span
                                              class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                              tabindex="-1" autocomplete="off" class="el-radio__original"
                                              value="25"></span><span
                                            class="el-radio__label"><span></span><!----></span></label><span
                                          class="el-cascader-node__label">儿童服装</span><i
                                          class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
                                      <li role="menuitem" id="cascader-menu-3709-0-5" tabindex="-1"
                                        class="el-cascader-node is-selectable" aria-haspopup="true"
                                        aria-owns="cascader-menu-3709-0"><label role="radio" tabindex="0"
                                          class="el-radio"><span class="el-radio__input"><span
                                              class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                              tabindex="-1" autocomplete="off" class="el-radio__original"
                                              value="31"></span><span
                                            class="el-radio__label"><span></span><!----></span></label><span
                                          class="el-cascader-node__label">箱包皮具</span><i
                                          class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
                                      <li role="menuitem" id="cascader-menu-3709-0-6" tabindex="-1"
                                        class="el-cascader-node is-selectable" aria-haspopup="true"
                                        aria-owns="cascader-menu-3709-0"><label role="radio" tabindex="0"
                                          class="el-radio"><span class="el-radio__input"><span
                                              class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                              tabindex="-1" autocomplete="off" class="el-radio__original"
                                              value="27"></span><span
                                            class="el-radio__label"><span></span><!----></span></label><span
                                          class="el-cascader-node__label">鞋帽配饰</span><i
                                          class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
                                      <li role="menuitem" id="cascader-menu-3709-0-7" tabindex="-1"
                                        class="el-cascader-node is-selectable" aria-haspopup="true"
                                        aria-owns="cascader-menu-3709-0"><label role="radio" tabindex="0"
                                          class="el-radio"><span class="el-radio__input"><span
                                              class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                              tabindex="-1" autocomplete="off" class="el-radio__original"
                                              value="28"></span><span
                                            class="el-radio__label"><span></span><!----></span></label><span
                                          class="el-cascader-node__label">消费电子</span><i
                                          class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
                                      <li role="menuitem" id="cascader-menu-3709-0-8" tabindex="-1"
                                        class="el-cascader-node is-selectable" aria-haspopup="true"
                                        aria-owns="cascader-menu-3709-0"><label role="radio" tabindex="0"
                                          class="el-radio"><span class="el-radio__input"><span
                                              class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                              tabindex="-1" autocomplete="off" class="el-radio__original"
                                              value="65"></span><span
                                            class="el-radio__label"><span></span><!----></span></label><span
                                          class="el-cascader-node__label">汽车用品</span><i
                                          class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
                                      <li role="menuitem" id="cascader-menu-3709-0-9" tabindex="-1"
                                        class="el-cascader-node is-selectable" aria-haspopup="true"
                                        aria-owns="cascader-menu-3709-0"><label role="radio" tabindex="0"
                                          class="el-radio"><span class="el-radio__input"><span
                                              class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                              tabindex="-1" autocomplete="off" class="el-radio__original"
                                              value="32"></span><span
                                            class="el-radio__label"><span></span><!----></span></label><span
                                          class="el-cascader-node__label">运动娱乐</span><i
                                          class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
                                      <li role="menuitem" id="cascader-menu-3709-0-10" tabindex="-1"
                                        class="el-cascader-node is-selectable" aria-haspopup="true"
                                        aria-owns="cascader-menu-3709-0"><label role="radio" tabindex="0"
                                          class="el-radio"><span class="el-radio__input"><span
                                              class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                              tabindex="-1" autocomplete="off" class="el-radio__original"
                                              value="45"></span><span
                                            class="el-radio__label"><span></span><!----></span></label><span
                                          class="el-cascader-node__label">宠物用品</span><i
                                          class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
                                      <li role="menuitem" id="cascader-menu-3709-0-11" tabindex="-1"
                                        class="el-cascader-node is-selectable" aria-haspopup="true"
                                        aria-owns="cascader-menu-3709-0"><label role="radio" tabindex="0"
                                          class="el-radio"><span class="el-radio__input"><span
                                              class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                              tabindex="-1" autocomplete="off" class="el-radio__original"
                                              value="128"></span><span
                                            class="el-radio__label"><span></span><!----></span></label><span
                                          class="el-cascader-node__label">节日用品</span><i
                                          class="el-icon-arrow-right el-cascader-node__postfix"></i></li>
                                      <li role="menuitem" id="cascader-menu-3709-0-12" tabindex="-1"
                                        class="el-cascader-node is-selectable" aria-haspopup="true"
                                        aria-owns="cascader-menu-3709-0"><label role="radio" tabindex="0"
                                          class="el-radio"><span class="el-radio__input"><span
                                              class="el-radio__inner"></span><input type="radio" aria-hidden="true"
                                              tabindex="-1" autocomplete="off" class="el-radio__original"
                                              value="102"></span><span
                                            class="el-radio__label"><span></span><!----></span></label><span
                                          class="el-cascader-node__label">防护用品</span><i
                                          class="el-icon-arrow-right el-cascader-node__postfix"></i></li><svg
                                        class="el-cascader-menu__hover-zone"></svg>
                                    </ul>
                                  </div>
                                  <div class="el-scrollbar__bar is-horizontal">
                                    <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
                                  </div>
                                  <div class="el-scrollbar__bar is-vertical">
                                    <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
                                  </div>
                                </div>
                              </div>
                            </div><span class="el-popover__reference-wrapper"><a data-v-7e97ed0c=""
                                class="cgitem el-popover__reference" aria-describedby="el-popover-8427"
                                tabindex="0"><span data-v-7e97ed0c=""> 分类 </span></a></span>
                          </span>
                        </div>
                        <div data-v-7e97ed0c="" class="mt12 ml20 mr20">
                          <div data-v-7ea77d31="" data-v-7e97ed0c="" class="sort-box">
                            <div data-v-7ea77d31="" class="sort-item active"> 热力值 <div data-v-7ea77d31=""
                                class="sort-icons"><i data-v-7ea77d31="" class="sort-icon up el-icon-caret-top"></i><i
                                  data-v-7ea77d31="" class="sort-icon down el-icon-caret-bottom active"></i></div>
                            </div>
                            <div data-v-7ea77d31="" class="sort-item"> 上架时间 <div data-v-7ea77d31="" class="sort-icons">
                                <i data-v-7ea77d31="" class="sort-icon up el-icon-caret-top"></i><i data-v-7ea77d31=""
                                  class="sort-icon down el-icon-caret-bottom"></i>
                              </div>
                            </div>
                            <div data-v-7ea77d31="" class="sort-item"> 我的销量 <div data-v-7ea77d31="" class="sort-icons">
                                <i data-v-7ea77d31="" class="sort-icon up el-icon-caret-top"></i><i data-v-7ea77d31=""
                                  class="sort-icon down el-icon-caret-bottom"></i>
                              </div>
                            </div><i data-v-7e97ed0c="" data-v-7ea77d31="" class="iconfont pointer iconfolder"></i>
                          </div>
                        </div>
                      </div>
                      <div data-v-7e97ed0c="" class="search-result">
                        <div data-v-7e97ed0c="" class="list-box relative"><!---->
                          <div data-v-7e97ed0c="" class="content scroll-bar">
                            <div data-v-1933da0e="" data-v-7e97ed0c="">
                              <div data-v-1933da0e="" class="product-panel" style="padding-top: 0px;">
                                <div data-v-1933da0e="" class="panel-item">
                                  <div data-v-1933da0e="" class="title">
                                    <div data-v-1933da0e="" class="name">家居用品</div>
                                    <div data-v-1933da0e="" class="show-all"> 更多 <i data-v-1933da0e=""
                                        class="iconfont iconarrow-right-bold va-2"></i></div>
                                  </div>
                                  <div data-v-1933da0e="" class="product-list">
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><img data-v-1933da0e=""
                                          src="./static/item_tag_xin.c516dab8.svg" class="proIcon"></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                  </div>
                                </div>
                                <div data-v-1933da0e="" class="panel-item">
                                  <div data-v-1933da0e="" class="title">
                                    <div data-v-1933da0e="" class="name">男士服装</div>
                                    <div data-v-1933da0e="" class="show-all"> 更多 <i data-v-1933da0e=""
                                        class="iconfont iconarrow-right-bold va-2"></i></div>
                                  </div>
                                  <div data-v-1933da0e="" class="product-list">
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                  </div>
                                </div>
                                <div data-v-1933da0e="" class="panel-item">
                                  <div data-v-1933da0e="" class="title">
                                    <div data-v-1933da0e="" class="name">女士服装</div>
                                    <div data-v-1933da0e="" class="show-all"> 更多 <i data-v-1933da0e=""
                                        class="iconfont iconarrow-right-bold va-2"></i></div>
                                  </div>
                                  <div data-v-1933da0e="" class="product-list">
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                  </div>
                                </div>
                                <div data-v-1933da0e="" class="panel-item">
                                  <div data-v-1933da0e="" class="title">
                                    <div data-v-1933da0e="" class="name">儿童服装</div>
                                    <div data-v-1933da0e="" class="show-all"> 更多 <i data-v-1933da0e=""
                                        class="iconfont iconarrow-right-bold va-2"></i></div>
                                  </div>
                                  <div data-v-1933da0e="" class="product-list">
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                  </div>
                                </div>
                                <div data-v-1933da0e="" class="panel-item">
                                  <div data-v-1933da0e="" class="title">
                                    <div data-v-1933da0e="" class="name">箱包皮具</div>
                                    <div data-v-1933da0e="" class="show-all"> 更多 <i data-v-1933da0e=""
                                        class="iconfont iconarrow-right-bold va-2"></i></div>
                                  </div>
                                  <div data-v-1933da0e="" class="product-list">
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><img data-v-1933da0e=""
                                          src="./static/item_tag_xin.c516dab8.svg" class="proIcon"></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><img data-v-1933da0e=""
                                          src="./static/item_tag_xin.c516dab8.svg" class="proIcon"></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><img data-v-1933da0e=""
                                          src="./static/item_tag_xin.c516dab8.svg" class="proIcon"></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                  </div>
                                </div>
                                <div data-v-1933da0e="" class="panel-item">
                                  <div data-v-1933da0e="" class="title">
                                    <div data-v-1933da0e="" class="name">鞋帽配饰</div>
                                    <div data-v-1933da0e="" class="show-all"> 更多 <i data-v-1933da0e=""
                                        class="iconfont iconarrow-right-bold va-2"></i></div>
                                  </div>
                                  <div data-v-1933da0e="" class="product-list">
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><img data-v-1933da0e=""
                                          src="./static/item_tag_xin.c516dab8.svg" class="proIcon"></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                  </div>
                                </div>
                                <div data-v-1933da0e="" class="panel-item">
                                  <div data-v-1933da0e="" class="title">
                                    <div data-v-1933da0e="" class="name">消费电子</div>
                                    <div data-v-1933da0e="" class="show-all"> 更多 <i data-v-1933da0e=""
                                        class="iconfont iconarrow-right-bold va-2"></i></div>
                                  </div>
                                  <div data-v-1933da0e="" class="product-list">
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                  </div>
                                </div>
                                <div data-v-1933da0e="" class="panel-item">
                                  <div data-v-1933da0e="" class="title">
                                    <div data-v-1933da0e="" class="name">汽车用品</div>
                                    <div data-v-1933da0e="" class="show-all"> 更多 <i data-v-1933da0e=""
                                        class="iconfont iconarrow-right-bold va-2"></i></div>
                                  </div>
                                  <div data-v-1933da0e="" class="product-list">
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><img data-v-1933da0e=""
                                          src="./static/item_tag_xin.c516dab8.svg" class="proIcon"></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><img data-v-1933da0e=""
                                          src="./static/item_tag_xin.c516dab8.svg" class="proIcon"></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><img data-v-1933da0e=""
                                          src="./static/item_tag_xin.c516dab8.svg" class="proIcon"></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><img data-v-1933da0e=""
                                          src="./static/item_tag_xin.c516dab8.svg" class="proIcon"></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><img data-v-1933da0e=""
                                          src="./static/item_tag_xin.c516dab8.svg" class="proIcon"></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><img data-v-1933da0e=""
                                          src="./static/item_tag_xin.c516dab8.svg" class="proIcon"></div><!---->
                                    </div>
                                  </div>
                                </div>
                                <div data-v-1933da0e="" class="panel-item">
                                  <div data-v-1933da0e="" class="title">
                                    <div data-v-1933da0e="" class="name">运动娱乐</div>
                                    <div data-v-1933da0e="" class="show-all"> 更多 <i data-v-1933da0e=""
                                        class="iconfont iconarrow-right-bold va-2"></i></div>
                                  </div>
                                  <div data-v-1933da0e="" class="product-list">
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                  </div>
                                </div>
                                <div data-v-1933da0e="" class="panel-item">
                                  <div data-v-1933da0e="" class="title">
                                    <div data-v-1933da0e="" class="name">宠物用品</div>
                                    <div data-v-1933da0e="" class="show-all"> 更多 <i data-v-1933da0e=""
                                        class="iconfont iconarrow-right-bold va-2"></i></div>
                                  </div>
                                  <div data-v-1933da0e="" class="product-list">
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                  </div>
                                </div>
                                <div data-v-1933da0e="" class="panel-item">
                                  <div data-v-1933da0e="" class="title">
                                    <div data-v-1933da0e="" class="name">节日用品</div>
                                    <div data-v-1933da0e="" class="show-all"> 更多 <i data-v-1933da0e=""
                                        class="iconfont iconarrow-right-bold va-2"></i></div>
                                  </div>
                                  <div data-v-1933da0e="" class="product-list">
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                  </div>
                                </div>
                                <div data-v-1933da0e="" class="panel-item">
                                  <div data-v-1933da0e="" class="title">
                                    <div data-v-1933da0e="" class="name">防护用品</div>
                                    <div data-v-1933da0e="" class="show-all"> 更多 <i data-v-1933da0e=""
                                        class="iconfont iconarrow-right-bold va-2"></i></div>
                                  </div>
                                  <div data-v-1933da0e="" class="product-list">
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                    <div data-v-1933da0e="" class="product-item zw-image-box"><!---->
                                      <div data-v-1933da0e="" class="icons"><!----></div><!---->
                                    </div>
                                  </div>
                                </div>
                              </div><!---->
                              <div data-v-1933da0e="" class="product-detail-box scroll-bar"
                                style="top: auto; bottom: auto; display: none;"><!----></div>
                            </div>
                          </div><!---->
                        </div>
                      </div>
                    </div>
                    <div data-v-df67ac3c="" data-v-ea350f60="" class="product-detail-box scroll-bar"
                      style="display: none;"><!---->
                      <div data-v-df67ac3c="" class="chioce-product-con"><button data-v-df67ac3c="" type="button"
                          class="el-button el-button--default el-button--large"><!----><!----><span>选择商品</span></button>
                      </div>
                      <div data-v-df67ac3c="" class="pl20 pr20">
                        <div data-v-df67ac3c="" class="row-info pt20 pb20">
                          <div data-v-df67ac3c="" class="product-img"><img data-v-df67ac3c=""
                              src="./static/4U6GK3MZ-1-29-1-500-3de7f1eb1c1b41076732fef12072dd36-fc9299a354fec3127abd0697ff6cfc4d.jpg">
                          </div>
                          <div data-v-df67ac3c="" class="ml12">
                            <div data-v-df67ac3c="" class="flex name-box">
                              <div data-v-df67ac3c="" class="el-tooltip name mr2 item"
                                aria-describedby="el-tooltip-9116" tabindex="0">儿童轻薄运动长袖防晒衣</div><span
                                data-v-df67ac3c="" class="el-tooltip iconfont iconfile-copy item copyicon"
                                aria-describedby="el-tooltip-8201" tabindex="0"></span>
                            </div>
                            <div data-v-df67ac3c="" class="flex code">(编号:12040)<span data-v-df67ac3c=""
                                class="el-tooltip iconfont iconfile-copy ml5 item copyicon"
                                aria-describedby="el-tooltip-5890" tabindex="0"></span></div>
                            <div data-v-df67ac3c="" class="price-box mt5"><span data-v-df67ac3c="" class="flex"><span
                                  data-v-df67ac3c="" class="price flex"><span data-v-df67ac3c=""
                                    class="unit">￥</span><span data-v-df67ac3c="">25.98</span><!----><!----><!----><svg
                                    data-v-df67ac3c="" aria-hidden="true" class="icon svg-icon discount-icon">
                                    <use data-v-df67ac3c="" xlink:href="#icona-memberprice"></use>
                                  </svg><i data-v-df67ac3c=""
                                    class="iconfont iconinfo-circle price-tips ml5"></i></span><!----></span>
                              <div data-v-df67ac3c="" class="gradient-info" style="top: 0px; display: none;"><!---->
                                <div data-v-df67ac3c="" class="gradient-box"><!---->
                                  <div data-v-df67ac3c="" class="gradient-item">
                                    <div data-v-df67ac3c="" class="qty mb4"> 1-4件 <!----><!----><!----><svg
                                        data-v-df67ac3c="" aria-hidden="true" class="icon svg-icon discount-icon">
                                        <use data-v-df67ac3c="" xlink:href="#icona-memberprice"></use>
                                      </svg></div>
                                    <div data-v-df67ac3c="" class="price">￥25.98</div>
                                    <div data-v-df67ac3c="" class="price text-del">￥25.98</div>
                                  </div>
                                  <div data-v-df67ac3c="" class="gradient-item">
                                    <div data-v-df67ac3c="" class="qty mb4"> 5-14件 <!----><!----><!----><!----></div>
                                    <div data-v-df67ac3c="" class="price">￥23.98</div><!---->
                                  </div>
                                  <div data-v-df67ac3c="" class="gradient-item">
                                    <div data-v-df67ac3c="" class="qty mb4"> 15-49件 <!----><!----><!----><!----></div>
                                    <div data-v-df67ac3c="" class="price">￥22.58</div><!---->
                                  </div>
                                  <div data-v-df67ac3c="" class="gradient-item">
                                    <div data-v-df67ac3c="" class="qty mb4"> 50-99件 <!----><!----><!----><!----></div>
                                    <div data-v-df67ac3c="" class="price">￥20.98</div><!---->
                                  </div>
                                  <div data-v-df67ac3c="" class="gradient-item">
                                    <div data-v-df67ac3c="" class="qty mb4"> 100-299件 <!----><!----><!----><!----></div>
                                    <div data-v-df67ac3c="" class="price">￥19.88</div><!---->
                                  </div>
                                  <div data-v-df67ac3c="" class="gradient-item">
                                    <div data-v-df67ac3c="" class="qty mb4"> ≥300件 <!----><!----><!----><!----></div>
                                    <div data-v-df67ac3c="" class="price">￥18.88</div><!---->
                                  </div>
                                </div>
                                <div data-v-df67ac3c="" class="gradient-bottom">
                                  <div data-v-df67ac3c=""><a data-v-df67ac3c=""
                                      href="https://www.hicustom.com/merchant/productType/counter?id=72BFPE"
                                      target="_blank" class="btn">成本计算</a></div>
                                </div>
                              </div>
                            </div><!---->
                            <div data-v-df67ac3c="" class="icons mt5"><!----><!----><!----><!----><!----></div>
                            <div data-v-df67ac3c="" class="show-all-info mt10">产品详情<i data-v-df67ac3c=""
                                class="iconfont iconarrow-right-bold"></i></div>
                          </div>
                        </div>
                        <div data-v-df67ac3c="" class="row-size">
                          <div data-v-df67ac3c="" class="title"><a data-v-df67ac3c=""> 尺码 <span data-v-df67ac3c=""
                                class="size-arrow"><i data-v-df67ac3c=""
                                  class="iconfont iconarrow-down-bold va-2"></i></span></a><a data-v-df67ac3c=""
                              class="link align-center"> 尺码表 <i data-v-df67ac3c=""
                                class="iconfont iconarrow-right-bold va-2 ml5"></i></a></div>
                          <div data-v-df67ac3c="" class="size-list">
                            <div data-v-df67ac3c="" data-id="47" class="size-item">18M</div>
                            <div data-v-df67ac3c="" data-id="40" class="size-item">2T</div>
                            <div data-v-df67ac3c="" data-id="41" class="size-item">3T</div>
                            <div data-v-df67ac3c="" data-id="42" class="size-item">4T</div>
                            <div data-v-df67ac3c="" data-id="39" class="size-item">5/6T</div>
                          </div>
                        </div>
                        <div data-v-df67ac3c="" class="row-color">
                          <div data-v-df67ac3c="" class="title"><a data-v-df67ac3c=""> 颜色 <span data-v-df67ac3c=""
                                class="color-arrow"><i data-v-df67ac3c=""
                                  class="iconfont iconarrow-down-bold va-2"></i></span></a></div>
                          <div data-v-df67ac3c="" class="color-list">
                            <div data-v-df67ac3c="" data-id="29" class="el-tooltip color-item item active"
                              aria-describedby="el-tooltip-5521" tabindex="0"><a data-v-df67ac3c=""
                                style="background: rgb(0, 0, 0);"></a><a data-v-df67ac3c=""
                                style="background: rgb(0, 0, 0);"></a></div>
                          </div>
                        </div>
                        <div data-v-df67ac3c="" class="row-tag" style="display: none;">
                          <div data-v-df67ac3c="" class="title"> 标签 <!----></div>
                          <ul data-v-df67ac3c="" class="tagpackage-list tag">
                            <li data-v-df67ac3c=""><a data-v-df67ac3c=""
                                href="https://www.hicustom.com/merchant/brandLogo/index" target="_new"
                                class="itembox add"><span data-v-df67ac3c="">创建<br data-v-df67ac3c="">专属标签</span></a>
                            </li>
                          </ul>
                        </div>
                        <div data-v-df67ac3c="" class="row-package" style="display: none;">
                          <div data-v-df67ac3c="" class="title"> 包装 <!----></div>
                          <ul data-v-df67ac3c="" class="tagpackage-list package"></ul>
                        </div>
                      </div><!---->
                    </div>
                    <div data-v-e6267490="" data-v-ea350f60="" class="gallery-box" style="">
                      <div data-v-e6267490="" class="search-field">
                        <div data-v-e6267490="" class="tab-row">
                          <div data-v-e6267490="" class="switch-tab">
                            <div data-v-e6267490="" class="tab-item active"> 素材模板 </div>

                          </div>
                        </div>
                        <div data-v-e6267490="" class="search-row mt12 pb12">
                          <div data-v-069b8f04="" data-v-e6267490="" class="searchbox relative" style="flex: 1 1 0%;">

                            <div data-v-069b8f04="" class="dropdown-cont" style="left: 0px; top: 0px;">
                              <div data-v-069b8f04="" style="display: none;">
                                <div data-v-02962549="" data-v-e6267490=""
                                  class="search-filter-form __zw-search-filter-form" data-v-069b8f04="">
                                  <div data-v-02962549="" class="search-title"><i data-v-02962549=""
                                      class="el-icon-close"></i></div>
                                  <div data-v-02962549="" class="search-field scroll-bar"
                                    style="max-width: 800px; max-height: 500px; overflow-y: auto;">
                                    <div data-v-02962549="" class="form-item">
                                      <div data-v-02962549="" class="label"> 适用品类 </div>
                                      <div data-v-02962549="" class="cont flex">
                                        <div data-v-0ed8d6a6="" data-v-02962549="" class="zw-checkbox"><label
                                            data-v-0ed8d6a6="" class="item-all item mr10 active">全部</label><label
                                            data-v-0ed8d6a6="" class="item mr10"> 家居用品 <input data-v-0ed8d6a6=""
                                              type="checkbox" value="26"></label><label data-v-0ed8d6a6=""
                                            class="item mr10"> 男士服装 <input data-v-0ed8d6a6="" type="checkbox"
                                              value="1"></label><label data-v-0ed8d6a6="" class="item mr10"> 女士服装 <input
                                              data-v-0ed8d6a6="" type="checkbox" value="132"></label><label
                                            data-v-0ed8d6a6="" class="item mr10"> 儿童服装 <input data-v-0ed8d6a6=""
                                              type="checkbox" value="25"></label><label data-v-0ed8d6a6=""
                                            class="item mr10 hidden"> 箱包皮具 <input data-v-0ed8d6a6="" type="checkbox"
                                              value="31"></label><label data-v-0ed8d6a6="" class="item mr10 hidden">
                                            鞋帽配饰 <input data-v-0ed8d6a6="" type="checkbox" value="27"></label><label
                                            data-v-0ed8d6a6="" class="item mr10 hidden"> 消费电子 <input data-v-0ed8d6a6=""
                                              type="checkbox" value="28"></label><label data-v-0ed8d6a6=""
                                            class="item mr10 hidden"> 汽车用品 <input data-v-0ed8d6a6="" type="checkbox"
                                              value="65"></label><label data-v-0ed8d6a6="" class="item mr10 hidden">
                                            运动娱乐 <input data-v-0ed8d6a6="" type="checkbox" value="32"></label><label
                                            data-v-0ed8d6a6="" class="item mr10 hidden"> 宠物用品 <input data-v-0ed8d6a6=""
                                              type="checkbox" value="45"></label><label data-v-0ed8d6a6=""
                                            class="item mr10 hidden"> 节日用品 <input data-v-0ed8d6a6="" type="checkbox"
                                              value="128"></label><label data-v-0ed8d6a6="" class="item mr10 hidden">
                                            防护用品 <input data-v-0ed8d6a6="" type="checkbox" value="102"></label><a
                                            data-v-0ed8d6a6="" class="item show-more">更多</a></div>
                                      </div>
                                    </div>
                                    <div data-v-02962549="" class="form-item">
                                      <div data-v-02962549="" class="label"> 元素分类 </div>
                                      <div data-v-02962549="" class="cont flex">
                                        <div data-v-0ed8d6a6="" data-v-02962549="" class="zw-checkbox"><label
                                            data-v-0ed8d6a6="" class="item-all item mr10 active">全部</label><label
                                            data-v-0ed8d6a6="" class="item mr10"> 定制 <input data-v-0ed8d6a6=""
                                              type="checkbox" value="37"></label><label data-v-0ed8d6a6=""
                                            class="item mr10"> 植物 <input data-v-0ed8d6a6="" type="checkbox"
                                              value="1"></label><label data-v-0ed8d6a6="" class="item mr10"> 动物 <input
                                              data-v-0ed8d6a6="" type="checkbox" value="2"></label><label
                                            data-v-0ed8d6a6="" class="item mr10"> 人物 <input data-v-0ed8d6a6=""
                                              type="checkbox" value="3"></label><label data-v-0ed8d6a6=""
                                            class="item mr10 hidden"> 节日 <input data-v-0ed8d6a6="" type="checkbox"
                                              value="4"></label><label data-v-0ed8d6a6="" class="item mr10 hidden"> 食物
                                            <input data-v-0ed8d6a6="" type="checkbox" value="5"></label><label
                                            data-v-0ed8d6a6="" class="item mr10 hidden"> 昆虫 <input data-v-0ed8d6a6=""
                                              type="checkbox" value="6"></label><label data-v-0ed8d6a6=""
                                            class="item mr10 hidden"> 宇宙 <input data-v-0ed8d6a6="" type="checkbox"
                                              value="36"></label><label data-v-0ed8d6a6="" class="item mr10 hidden"> 海洋
                                            <input data-v-0ed8d6a6="" type="checkbox" value="7"></label><label
                                            data-v-0ed8d6a6="" class="item mr10 hidden"> 卡通 <input data-v-0ed8d6a6=""
                                              type="checkbox" value="8"></label><label data-v-0ed8d6a6=""
                                            class="item mr10 hidden"> 建筑 <input data-v-0ed8d6a6="" type="checkbox"
                                              value="9"></label><label data-v-0ed8d6a6="" class="item mr10 hidden"> 文字
                                            <input data-v-0ed8d6a6="" type="checkbox" value="10"></label><label
                                            data-v-0ed8d6a6="" class="item mr10 hidden"> 图标 <input data-v-0ed8d6a6=""
                                              type="checkbox" value="11"></label><label data-v-0ed8d6a6=""
                                            class="item mr10 hidden"> 纹理 <input data-v-0ed8d6a6="" type="checkbox"
                                              value="30"></label><label data-v-0ed8d6a6="" class="item mr10 hidden"> 宗教
                                            <input data-v-0ed8d6a6="" type="checkbox" value="31"></label><label
                                            data-v-0ed8d6a6="" class="item mr10 hidden"> 风景 <input data-v-0ed8d6a6=""
                                              type="checkbox" value="32"></label><label data-v-0ed8d6a6=""
                                            class="item mr10 hidden"> 交通工具 <input data-v-0ed8d6a6="" type="checkbox"
                                              value="33"></label><label data-v-0ed8d6a6="" class="item mr10 hidden">
                                            兴趣爱好 <input data-v-0ed8d6a6="" type="checkbox" value="34"></label><label
                                            data-v-0ed8d6a6="" class="item mr10 hidden"> 其他 <input data-v-0ed8d6a6=""
                                              type="checkbox" value="35"></label><a data-v-0ed8d6a6=""
                                            class="item show-more">更多</a></div>
                                      </div>
                                    </div>
                                    <div data-v-02962549="" class="form-item">
                                      <div data-v-02962549="" class="label"> 设计风格 </div>
                                      <div data-v-02962549="" class="cont flex">
                                        <div data-v-0ed8d6a6="" data-v-02962549="" class="zw-checkbox"><label
                                            data-v-0ed8d6a6="" class="item-all item mr10 active">全部</label><label
                                            data-v-0ed8d6a6="" class="item mr10"> 现代 <input data-v-0ed8d6a6=""
                                              type="checkbox" value="1"></label><label data-v-0ed8d6a6=""
                                            class="item mr10"> 复古 <input data-v-0ed8d6a6="" type="checkbox"
                                              value="2"></label><label data-v-0ed8d6a6="" class="item mr10"> 古典 <input
                                              data-v-0ed8d6a6="" type="checkbox" value="3"></label><label
                                            data-v-0ed8d6a6="" class="item mr10"> 中国风 <input data-v-0ed8d6a6=""
                                              type="checkbox" value="4"></label><label data-v-0ed8d6a6=""
                                            class="item mr10 hidden"> 欧美风 <input data-v-0ed8d6a6="" type="checkbox"
                                              value="5"></label><label data-v-0ed8d6a6="" class="item mr10 hidden"> 日韩风
                                            <input data-v-0ed8d6a6="" type="checkbox" value="7"></label><label
                                            data-v-0ed8d6a6="" class="item mr10 hidden"> 中东风 <input data-v-0ed8d6a6=""
                                              type="checkbox" value="8"></label><label data-v-0ed8d6a6=""
                                            class="item mr10 hidden"> 非洲风 <input data-v-0ed8d6a6="" type="checkbox"
                                              value="9"></label><label data-v-0ed8d6a6="" class="item mr10 hidden"> ins风
                                            <input data-v-0ed8d6a6="" type="checkbox" value="10"></label><label
                                            data-v-0ed8d6a6="" class="item mr10 hidden"> 可爱风 <input data-v-0ed8d6a6=""
                                              type="checkbox" value="11"></label><a data-v-0ed8d6a6=""
                                            class="item show-more">更多</a></div>
                                      </div>
                                    </div>
                                  </div>
                                  <div data-v-02962549="" class="operates pr20"><a data-v-02962549=""
                                      class="button mr10">清除</a><a data-v-02962549="" class="button primary">应用筛选条件</a>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div><span data-v-e6267490="" style="display: none;">
                            <div role="tooltip" id="el-popover-1337" aria-hidden="true"
                              class="el-popover el-popper cgselector-popover" tabindex="0" style="display: none;">
                              <!---->
                              <div data-v-e6267490="" class="el-cascader-panel is-bordered" size="small">
                                <div class="el-scrollbar el-cascader-menu" role="menu" id="cascader-menu-3316-0">
                                  <div
                                    class="el-cascader-menu__wrap el-scrollbar__wrap el-scrollbar__wrap--hidden-default">
                                    <ul class="el-scrollbar__view el-cascader-menu__list is-empty">
                                      <div class="el-cascader-menu__empty-text">暂无数据</div>
                                    </ul>
                                  </div>
                                  <div class="el-scrollbar__bar is-horizontal">
                                    <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
                                  </div>
                                  <div class="el-scrollbar__bar is-vertical">
                                    <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
                                  </div>
                                </div>
                              </div>
                            </div><span class="el-popover__reference-wrapper"><a data-v-e6267490=""
                                class="cgitem el-popover__reference" aria-describedby="el-popover-1337"
                                tabindex="0"><span data-v-e6267490=""> 分类 </span></a></span>
                          </span>
                        </div>
                        <div data-v-e6267490="" class="attr-row customer-list mt12" style="display: none;">
                          <div data-v-e6267490="" class="el-select mr10 __zw-select el-select--small"
                            style="width: 100%;"><!---->
                            <div class="el-input el-input--small el-input--suffix"><!----><input type="text"
                                readonly="readonly" autocomplete="off" placeholder="请选择"
                                class="el-input__inner"><!----><span class="el-input__suffix"><span
                                  class="el-input__suffix-inner"><i
                                    class="el-select__caret el-input__icon el-icon-arrow-up"></i><!----><!----><!----><!----><!----></span><!----></span><!----><!---->
                            </div>
                            <div class="el-select-dropdown el-popper" style="display: none;">
                              <div class="el-scrollbar" style="">
                                <div
                                  class="el-select-dropdown__wrap el-scrollbar__wrap el-scrollbar__wrap--hidden-default">
                                  <ul class="el-scrollbar__view el-select-dropdown__list"><!---->
                                    <li data-v-3b2604f7="" data-v-e6267490="" class="el-select-dropdown__item selected"
                                      style="display: none;"><span data-v-3b2604f7="">全部关联账号图库</span></li>
                                  </ul>
                                </div>
                                <div class="el-scrollbar__bar is-horizontal">
                                  <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
                                </div>
                                <div class="el-scrollbar__bar is-vertical">
                                  <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
                                </div>
                              </div><!---->
                            </div>
                          </div>
                        </div>


                      </div>
                      <div data-v-e6267490="" class="gallery-container gallery-pull" style="display: none;">
                        <div data-v-e6267490="" id="v-waterfall" infinite-scroll-distance="10"
                          class="v-waterfall-content scroll-bar">
                          <div data-v-e6267490="" class="empty-box"><img data-v-e6267490=""
                              src="./static/img_hi.3906cb11.png" width="100" class="mt40">
                            <div data-v-e6267490="" class="mt10 f14">没有符合条件的素材</div>
                          </div>
                        </div>
                        <div data-v-e6267490="" class="loadmore-tips" style="display: none;">
                          <div data-v-e6267490="" class="el-icon-loading"></div>
                          <div data-v-e6267490="">加载中</div>
                        </div>
                      </div>
                      <div data-v-e6267490="" class="gallery-grid-container">
                        <div data-v-e6267490="" class="gallery-grid scroll-bar">
                          <div data-v-e6267490="" class="gallery-list">
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/75ICXL-150-e9e2eaa6845d2599c251049a32a96.jpg"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/EBNI46-150-04dd4d55ee63d017093e4332179fc.png"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/SH6QYS-150-a385f0148f35ddd25e8db0ed03249.jpg"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/8MCALQ-150-064e26afc7850a93f567973dd5794.jpg"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/ZGNSAV-150-ad106e6d60387aa3e0d83c433d7d4.png"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/FKDYCF-150-32500514f36284ff9a81931e7a65a.png"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/4XL47A-150-cc419b416a805ed2947f0e5c7b8b2.png"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/6THZ3O-150-fa1a765506958e8511f9e8d3ba4e3.jpg"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/OHCMRD-150-8687a9775d710821dee3de020ecc0.jpg"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/8UI87J-150-44faaa648db51aad3baa73edf985f.png"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/BOVS23-150-fe091367528200f4c9c894b102367.png"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/U2A44K-150-c55f92f70c80443dee7bbba564312.png"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/3PI89C-150-6639005d0802a6096744988aa639d.png"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/6TY8F6-150-5cf15349622808d0208ea5ef5bc4d.png"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/YO5VSE-150-f099f4e4041921d7cb8b7a34640bb.png"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/ATUF49-150-e683a057dea5266dfc772947f2c65.png"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/JFCRM5-150-4205b7adb460828619e63172b1ca.png"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/WLQ5A5-150-27c5c202be0278ed4dfc0db242bfa.png"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/EXWWUP-150-43d6fbc20d5afa3a19b24ca3be36a.jpg"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/5DRUHW-150-f9ff5febda4a5ce047fdb5a272f5c.jpg"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/PVQNNN-150-c89c3da970fc1e79f2e7ed3a28d22.jpg"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/IC7HW6-150-4bc240de875be178f7a6c99f6e015.png"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/KW3H2N-150-703cc1d5bd3e4f593527a46b97a68.png"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/E8F8RN-150-e9ed45e0af0b741cf80025e7e4acd.jpg"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/GESYRK-150-9e24d057c92f216761b9fd194b8e8.jpg"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/DPOMV6-150-ba485be5d31592878e7e470c28b67.png"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/JPJWT4-150-4f9264a08bc33dfe24c69023b.jpg"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/DJ52M6-150-ffe95329d5cf407368f23b3163691.png"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/7FJRHI-150-1becb4c3e6d31824c6c3f877b4e56.png"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                            <div data-v-e6267490="" class="gallery-item zw-image-box">
                              <div data-v-e6267490="" class="el-image image"><img
                                  src="./static/GRON7G-150-225dc9a96e4142eca4bf7867cd946.png"
                                  class="el-image__inner"><!----></div><!----><!---->
                            </div>
                          </div>
                          <div data-v-539d11d8="" class="loading-wrap" style="display: none;">
                            <div data-v-539d11d8="" class="loading-box">
                              <div data-v-539d11d8="" class="zw-loader"><span data-v-539d11d8="" class="spinner"></span>
                              </div>
                            </div>
                          </div>
                        </div>

                      </div>
                      <div data-v-e6267490="" class="gallery-info-box scroll-bar"
                        style="top: 395px; bottom: auto; display: none;">
                        <div data-v-e6267490="" class="imgPanInfoDesigner flex flex-row-center"><img data-v-e6267490=""
                            src="https://nimg5.hicustom.com/static/gallery/8MCALQ-500-d5e1f80071eb7f0bad86eea5bfa0b.jpg"
                            alt=""></div>
                        <div data-v-e6267490="" class="info-cont">
                          <div data-v-e6267490="" class="row flex flex-col-ct mb10">
                            <div data-v-e6267490="" class="flex flex-col-ct"><span data-v-e6267490=""
                                class="f14 name mr6"> 复古赛车.jpg </span></div>
                            <div data-v-e6267490=""><span data-v-e6267490=""
                                style="color: rgb(2, 211, 146);">限时免费</span><!----></div>
                          </div>
                          <div data-v-e6267490="" class="row flex" style="flex-wrap: wrap;">
                            <div data-v-e6267490="" class="size f12 mb5"><span data-v-e6267490=""
                                class="f12 id mr8">ID：65501721</span></div>
                            <div data-v-e6267490="" class="flex flex-col-ct mb5"><span data-v-e6267490=""
                                class="iconfont iconavatar mr4" style="color: rgb(4, 83, 243);"></span><span
                                data-v-e6267490="" class="design-name"></span></div>
                          </div>
                          <div data-v-e6267490="" class="row mt5"><span data-v-e6267490="">5000*5000px</span></div>
                        </div><!---->
                      </div>
                      <div data-v-e6267490="" class="el-dialog__wrapper" style="display: none;">
                        <div role="dialog" aria-modal="true" aria-label="dfdf" class="el-dialog zw-empty-gallery-pop"
                          style="margin-top: 15vh; width: 480px;">
                          <div class="el-dialog__header">
                            <div data-v-e6267490="" class="dialog-title"> 温馨提示 </div><button type="button"
                              aria-label="Close" class="el-dialog__headerbtn"><i
                                class="el-dialog__close el-icon el-icon-close"></i></button>
                          </div><!---->
                          <div class="el-dialog__footer">
                            <div data-v-e6267490="" class="dialog-footer"><button data-v-e6267490="" type="button"
                                class="el-button el-button--primary el-button--small"><!----><!----><span>我知道了</span></button>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div data-v-1f207508="" data-v-ea350f60="" class="background-container" style="display: none;">
                      <section data-v-1f207508="" class="top-section">
                        <div data-v-1f207508="" class="switch-tab">
                          <div data-v-1f207508="" class="tab-item active">背景图</div>
                          <div data-v-1f207508="" class="tab-item">背景色</div>
                        </div><!---->
                      </section>
                      <section data-v-1f207508="" class="bottom-section">
                        <div data-v-03693db5="" data-v-1f207508="" class="gallery-box">
                          <div data-v-03693db5="" class="search-field mt12">
                            <div data-v-03693db5="" class="search-row">
                              <div data-v-069b8f04="" data-v-03693db5="" class="searchbox relative"
                                style="flex: 1 1 0%;">
                                <div data-v-069b8f04="" class="searchbar">
                                  <div data-v-069b8f04="" class="left">
                                    <div data-v-069b8f04="" class="search-icon"><i data-v-069b8f04=""
                                        class="iconfont iconzoom"></i></div><input data-v-069b8f04="" type="text"
                                      placeholder="搜索图片" class="search-input"><i data-v-069b8f04=""
                                      class="el-icon-circle-close clear" style="display: none;"></i>
                                  </div>
                                  <div data-v-069b8f04="" class="right filter"><span data-v-069b8f04=""><i
                                        data-v-069b8f04="" class="iconfont iconcontrol"></i></span></div>
                                </div>
                                <div data-v-069b8f04="" class="dropdown-cont" style="left: 0px; top: 0px;">
                                  <div data-v-069b8f04="" style="display: none;">
                                    <div data-v-50062b49="" data-v-03693db5=""
                                      class="search-filter-form __zw-search-filter-form" data-v-069b8f04="">
                                      <div data-v-50062b49="" class="search-title"><i data-v-50062b49=""
                                          class="el-icon-close"></i></div>
                                      <div data-v-50062b49="" class="search-field">
                                        <div data-v-50062b49="" class="form-item">
                                          <div data-v-50062b49="" class="label" style="padding-top: 20px;"> 是否设计 <span
                                              data-v-50062b49="">
                                              <div role="tooltip" id="el-popover-5422" aria-hidden="true"
                                                class="el-popover el-popper zw-rest-prop" tabindex="0"
                                                style="width: 280px; display: none;">
                                                <div class="el-popover__title">标题</div>
                                                <div data-v-50062b49="" class="label-tips">
                                                  <div data-v-50062b49="" class="title"><span data-v-50062b49=""
                                                      class="title-icon iconfont iconcaveat-circle blue"></span><span
                                                      data-v-50062b49="" class="f14 title-text">已出单的图片</span></div>
                                                  <div data-v-50062b49="" class="content tc">
                                                    <p data-v-50062b49="">搜索当前空白产品是否设计过的图片；</p>
                                                    <p data-v-50062b49="">搜索范围：群组。</p>
                                                  </div>
                                                </div>
                                              </div><span class="el-popover__reference-wrapper"><span data-v-50062b49=""
                                                  class="iconfont iconcaveat-circle el-popover__reference"
                                                  aria-describedby="el-popover-5422" tabindex="0"></span></span>
                                            </span></div>
                                          <div data-v-50062b49="" class="cont flex" style="padding-top: 20px;">
                                            <div data-v-0ed8d6a6="" data-v-50062b49="" class="zw-checkbox"><label
                                                data-v-0ed8d6a6="" class="item-all item mr10 active">全部</label><label
                                                data-v-0ed8d6a6="" class="item mr10"> 是 <input data-v-0ed8d6a6=""
                                                  type="radio" value="1"></label><label data-v-0ed8d6a6=""
                                                class="item mr10"> 否 <input data-v-0ed8d6a6="" type="radio"
                                                  value="-1"></label><!----></div>
                                          </div>
                                        </div>
                                        <div data-v-50062b49="" class="form-item">
                                          <div data-v-50062b49="" class="label">图片格式</div>
                                          <div data-v-50062b49="" class="cont">
                                            <div data-v-0ed8d6a6="" data-v-50062b49="" class="zw-checkbox"><label
                                                data-v-0ed8d6a6="" class="item-all item mr10 active">全部</label><label
                                                data-v-0ed8d6a6="" class="item mr10"> PNG <input data-v-0ed8d6a6=""
                                                  type="checkbox" value="1"></label><label data-v-0ed8d6a6=""
                                                class="item mr10"> JPG/JPEG <input data-v-0ed8d6a6="" type="checkbox"
                                                  value="2"></label><label data-v-0ed8d6a6="" class="item mr10"> 矢量图
                                                <input data-v-0ed8d6a6="" type="checkbox" value="4"></label><!---->
                                            </div>
                                          </div>
                                        </div>
                                        <div data-v-50062b49="" class="form-item">
                                          <div data-v-50062b49="" class="label">标记</div>
                                          <div data-v-50062b49="" class="cont">
                                            <div data-v-0ed8d6a6="" data-v-50062b49="" class="zw-checkbox"><label
                                                data-v-0ed8d6a6="" class="item-all item mr10 active">全部</label><label
                                                data-v-0ed8d6a6="" class="color-label mr10">
                                                <div data-v-0ed8d6a6="" class="color-item"
                                                  style="background-color: rgb(97, 189, 80);"><input data-v-0ed8d6a6=""
                                                    type="checkbox" value="1"></div>
                                              </label><label data-v-0ed8d6a6="" class="color-label mr10">
                                                <div data-v-0ed8d6a6="" class="color-item"
                                                  style="background-color: rgb(238, 215, 47);"><input data-v-0ed8d6a6=""
                                                    type="checkbox" value="2"></div>
                                              </label><label data-v-0ed8d6a6="" class="color-label mr10">
                                                <div data-v-0ed8d6a6="" class="color-item"
                                                  style="background-color: rgb(253, 170, 74);"><input data-v-0ed8d6a6=""
                                                    type="checkbox" value="3"></div>
                                              </label><label data-v-0ed8d6a6="" class="color-label mr10">
                                                <div data-v-0ed8d6a6="" class="color-item"
                                                  style="background-color: rgb(236, 89, 71);"><input data-v-0ed8d6a6=""
                                                    type="checkbox" value="4"></div>
                                              </label><label data-v-0ed8d6a6="" class="color-label mr10">
                                                <div data-v-0ed8d6a6="" class="color-item"
                                                  style="background-color: rgb(195, 120, 223);"><input
                                                    data-v-0ed8d6a6="" type="checkbox" value="5"></div>
                                              </label><label data-v-0ed8d6a6="" class="color-label mr10">
                                                <div data-v-0ed8d6a6="" class="color-item"
                                                  style="background-color: rgb(19, 122, 191);"><input data-v-0ed8d6a6=""
                                                    type="checkbox" value="6"></div>
                                              </label></div>
                                          </div>
                                        </div>
                                        <div data-v-50062b49="" class="form-item">
                                          <div data-v-50062b49="" class="label"> 图片形状 <span data-v-50062b49="">
                                              <div role="tooltip" id="el-popover-4667" aria-hidden="true"
                                                class="el-popover el-popper zw-rest-prop" tabindex="0"
                                                style="width: 420px; display: none;">
                                                <div class="el-popover__title">标题</div>
                                                <div data-v-50062b49="" class="label-tips">
                                                  <div data-v-50062b49="" class="title"><span data-v-50062b49=""
                                                      class="title-icon iconfont iconcaveat-circle blue"></span><span
                                                      data-v-50062b49=""
                                                      class="f14 title-text">通过图片形状的“宽”、“高”比例值，划分产品类型</span></div>
                                                  <div data-v-50062b49="" class="content">
                                                    <div data-v-50062b49="" class="shapeList-cont">
                                                      <div data-v-50062b49="" class="shapeList-item-cont">
                                                        <div data-v-50062b49="" class="mb10 shapeList-item-imgoutCont">
                                                          <div data-v-50062b49="" class="shapeList-item item1"></div>
                                                        </div>
                                                        <div data-v-50062b49="" class="item-name mb1">似方形</div>
                                                        <div data-v-50062b49="" class="item-detail">1:(0.9~1)</div>
                                                      </div>
                                                      <div data-v-50062b49="" class="shapeList-item-cont">
                                                        <div data-v-50062b49="" class="mb10 shapeList-item-imgoutCont">
                                                          <div data-v-50062b49="" class="shapeList-item item2"></div>
                                                        </div>
                                                        <div data-v-50062b49="" class="item-name mb1">横向形</div>
                                                        <div data-v-50062b49="" class="item-detail">1:(0.6~0.9)</div>
                                                      </div>
                                                      <div data-v-50062b49="" class="shapeList-item-cont">
                                                        <div data-v-50062b49="" class="mb10 shapeList-item-imgoutCont">
                                                          <div data-v-50062b49="" class="shapeList-item item3"></div>
                                                        </div>
                                                        <div data-v-50062b49="" class="item-name mb1">竖向形</div>
                                                        <div data-v-50062b49="" class="item-detail">1:(1.1~1.8)</div>
                                                      </div>
                                                      <div data-v-50062b49="" class="shapeList-item-cont">
                                                        <div data-v-50062b49="" class="mb10 shapeList-item-imgoutCont">
                                                          <div data-v-50062b49="" class="shapeList-item item4"></div>
                                                        </div>
                                                        <div data-v-50062b49="" class="item-name mb1">超横形</div>
                                                        <div data-v-50062b49="" class="item-detail">1:(0.1~0.6)</div>
                                                      </div>
                                                      <div data-v-50062b49="" class="shapeList-item-cont">
                                                        <div data-v-50062b49="" class="mb10 shapeList-item-imgoutCont">
                                                          <div data-v-50062b49="" class="shapeList-item item5"></div>
                                                        </div>
                                                        <div data-v-50062b49="" class="item-name mb1">超竖形</div>
                                                        <div data-v-50062b49="" class="item-detail">1:(1.9+)</div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div><span class="el-popover__reference-wrapper"><span data-v-50062b49=""
                                                  class="iconfont iconcaveat-circle el-popover__reference"
                                                  aria-describedby="el-popover-4667" tabindex="0"></span></span>
                                            </span></div>
                                          <div data-v-50062b49="" class="cont flex">
                                            <div data-v-0ed8d6a6="" data-v-50062b49="" class="zw-checkbox"><label
                                                data-v-0ed8d6a6="" class="item-all item mr10 active">全部</label><label
                                                data-v-0ed8d6a6="" class="item mr10"> 似方形 <input data-v-0ed8d6a6=""
                                                  type="checkbox" value="1"></label><label data-v-0ed8d6a6=""
                                                class="item mr10"> 横向形 <input data-v-0ed8d6a6="" type="checkbox"
                                                  value="2"></label><label data-v-0ed8d6a6="" class="item mr10"> 竖向形
                                                <input data-v-0ed8d6a6="" type="checkbox" value="3"></label><label
                                                data-v-0ed8d6a6="" class="item mr10"> 超横形 <input data-v-0ed8d6a6=""
                                                  type="checkbox" value="4"></label><label data-v-0ed8d6a6=""
                                                class="item mr10"> 超竖形 <input data-v-0ed8d6a6="" type="checkbox"
                                                  value="5"></label><!----></div>
                                          </div>
                                        </div>
                                        <div data-v-50062b49="" class="form-item">
                                          <div data-v-50062b49="" class="label">图片编号</div>
                                          <div data-v-50062b49="" class="cont flex"><input data-v-50062b49=""
                                              type="text" placeholder="多个图片编号用逗号、空格隔开" class="form-input"></div>
                                        </div>
                                        <div data-v-50062b49="" class="form-item">
                                          <div data-v-50062b49="" class="label"> 出单次数 <span data-v-50062b49="">
                                              <div role="tooltip" id="el-popover-1106" aria-hidden="true"
                                                class="el-popover el-popper zw-rest-prop" tabindex="0"
                                                style="width: 250px; display: none;">
                                                <div class="el-popover__title">标题</div>
                                                <div data-v-50062b49="" class="label-tips">
                                                  <div data-v-50062b49="" class="title"><span data-v-50062b49=""
                                                      class="title-icon iconfont iconcaveat-circle blue"></span><span
                                                      data-v-50062b49="" class="f14 title-text">已出单的图片</span></div>
                                                  <div data-v-50062b49="" class="content tc">
                                                    <p data-v-50062b49="">已发货的订单才算出单</p>
                                                    <p data-v-50062b49="">可设置起始值为1，搜索已出单图片。</p>
                                                  </div>
                                                </div>
                                              </div><span class="el-popover__reference-wrapper"><span data-v-50062b49=""
                                                  class="iconfont iconcaveat-circle el-popover__reference"
                                                  aria-describedby="el-popover-1106" tabindex="0"></span></span>
                                            </span></div>
                                          <div data-v-50062b49="" class="cont flex flex-col-center w100"><input
                                              data-v-50062b49="" type="text" placeholder="" class="form-input"><span
                                              data-v-50062b49="" class="tc" style="width: 40px;">~</span><input
                                              data-v-50062b49="" type="text" placeholder="" class="form-input"></div>
                                        </div>
                                        <div data-v-50062b49="" class="form-item" style="display: none;">
                                          <div data-v-50062b49="" class="label">图片价格</div>
                                          <div data-v-50062b49="" class="cont flex flex-col-center w100"><input
                                              data-v-50062b49="" type="text" placeholder="" class="form-input"><span
                                              data-v-50062b49="" class="tc" style="width: 40px;">~</span><input
                                              data-v-50062b49="" type="text" placeholder="" class="form-input"></div>
                                        </div>
                                        <div data-v-50062b49="" class="form-item">
                                          <div data-v-50062b49="" class="label">宽度范围</div>
                                          <div data-v-50062b49="" class="cont flex flex-col-center w100"><input
                                              data-v-50062b49="" type="text" placeholder="" class="form-input"><span
                                              data-v-50062b49="" class="tc" style="width: 40px;">~</span><input
                                              data-v-50062b49="" type="text" placeholder="" class="form-input"></div>
                                        </div>
                                        <div data-v-50062b49="" class="form-item">
                                          <div data-v-50062b49="" class="label">高度范围</div>
                                          <div data-v-50062b49="" class="cont flex flex-col-center w100"><input
                                              data-v-50062b49="" type="text" placeholder="" class="form-input"><span
                                              data-v-50062b49="" class="tc" style="width: 30px;">~</span><input
                                              data-v-50062b49="" type="text" placeholder="" class="form-input"></div>
                                        </div>
                                        <div data-v-50062b49="" class="form-item">
                                          <div data-v-50062b49="" class="label">创建时间</div>
                                          <div data-v-50062b49="" class="cont flex flex-col-center">
                                            <div data-v-50062b49=""
                                              class="el-date-editor __zw-date-picker el-input el-input--small el-input--prefix el-input--suffix el-date-editor--date"
                                              style="width: 100%;"><!----><input type="text" autocomplete="off" name=""
                                                placeholder="起始时间" class="el-input__inner"><span
                                                class="el-input__prefix"><i
                                                  class="el-input__icon el-icon-date"></i><!----></span><span
                                                class="el-input__suffix"><span class="el-input__suffix-inner"><i
                                                    class="el-input__icon"></i><!----><!----><!----><!----></span><!----></span><!----><!---->
                                            </div><span data-v-50062b49="" class="tc" style="width: 40px;">~</span>
                                            <div data-v-50062b49=""
                                              class="el-date-editor __zw-date-picker el-input el-input--small el-input--prefix el-input--suffix el-date-editor--date"
                                              style="width: 100%;"><!----><input type="text" autocomplete="off" name=""
                                                placeholder="结束时间" class="el-input__inner"><span
                                                class="el-input__prefix"><i
                                                  class="el-input__icon el-icon-date"></i><!----></span><span
                                                class="el-input__suffix"><span class="el-input__suffix-inner"><i
                                                    class="el-input__icon"></i><!----><!----><!----><!----></span><!----></span><!----><!---->
                                            </div>
                                          </div>
                                        </div>
                                        <div data-v-50062b49="" class="form-item">
                                          <div data-v-50062b49="" class="label">更新时间</div>
                                          <div data-v-50062b49="" class="cont flex flex-col-center">
                                            <div data-v-50062b49=""
                                              class="el-date-editor __zw-date-picker el-input el-input--small el-input--prefix el-input--suffix el-date-editor--date"
                                              style="width: 100%;"><!----><input type="text" autocomplete="off" name=""
                                                placeholder="起始时间" class="el-input__inner"><span
                                                class="el-input__prefix"><i
                                                  class="el-input__icon el-icon-date"></i><!----></span><span
                                                class="el-input__suffix"><span class="el-input__suffix-inner"><i
                                                    class="el-input__icon"></i><!----><!----><!----><!----></span><!----></span><!----><!---->
                                            </div><span data-v-50062b49="" class="tc" style="width: 40px;">~</span>
                                            <div data-v-50062b49=""
                                              class="el-date-editor __zw-date-picker el-input el-input--small el-input--prefix el-input--suffix el-date-editor--date"
                                              style="width: 100%;"><!----><input type="text" autocomplete="off" name=""
                                                placeholder="结束时间" class="el-input__inner"><span
                                                class="el-input__prefix"><i
                                                  class="el-input__icon el-icon-date"></i><!----></span><span
                                                class="el-input__suffix"><span class="el-input__suffix-inner"><i
                                                    class="el-input__icon"></i><!----><!----><!----><!----></span><!----></span><!----><!---->
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                      <div data-v-50062b49="" class="operates pr20"><a data-v-50062b49=""
                                          class="button mr10">清除</a><a data-v-50062b49=""
                                          class="button primary">应用筛选条件</a></div>
                                    </div>
                                  </div>
                                </div>
                              </div><span data-v-03693db5="" style="display: none;">
                                <div role="tooltip" id="el-popover-8363" aria-hidden="true"
                                  class="el-popover el-popper cgselector-popover" tabindex="0" style="display: none;">
                                  <!---->
                                  <div data-v-03693db5="" class="el-cascader-panel is-bordered" size="small">
                                    <div class="el-scrollbar el-cascader-menu" role="menu" id="cascader-menu-1576-0">
                                      <div
                                        class="el-cascader-menu__wrap el-scrollbar__wrap el-scrollbar__wrap--hidden-default">
                                        <ul class="el-scrollbar__view el-cascader-menu__list is-empty">
                                          <div class="el-cascader-menu__empty-text">暂无数据</div>
                                        </ul>
                                      </div>
                                      <div class="el-scrollbar__bar is-horizontal">
                                        <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
                                      </div>
                                      <div class="el-scrollbar__bar is-vertical">
                                        <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
                                      </div>
                                    </div>
                                  </div>
                                </div><span class="el-popover__reference-wrapper"><a data-v-03693db5=""
                                    class="cgitem el-popover__reference" aria-describedby="el-popover-8363"
                                    tabindex="0"><span data-v-03693db5=""> 分类 </span></a></span>
                              </span>
                            </div>
                            <div data-v-03693db5="" class="upload-box">
                              <div data-v-03693db5="" class="upload-btn"><span data-v-03693db5=""
                                  class="el-icon-plus mr3"></span>上传背景图</div>
                            </div>
                            <div data-v-03693db5="" class="attr-row mt12">
                              <div data-v-03693db5="" class="switch-attr">
                                <div data-v-03693db5="" class="attr-item"><a data-v-03693db5="">我的图片</a></div>
                                <div data-v-03693db5="" class="attr-item active"><a data-v-03693db5="">图片素材</a></div>
                              </div>
                            </div>
                            <div data-v-03693db5="" class="attr-row customer-list mt12" style="display: none;">
                              <div data-v-03693db5="" class="el-select mr10 __zw-select el-select--small"
                                style="width: 100%;"><!---->
                                <div class="el-input el-input--small el-input--suffix"><!----><input type="text"
                                    readonly="readonly" autocomplete="off" placeholder="请选择"
                                    class="el-input__inner"><!----><span class="el-input__suffix"><span
                                      class="el-input__suffix-inner"><i
                                        class="el-select__caret el-input__icon el-icon-arrow-up"></i><!----><!----><!----><!----><!----></span><!----></span><!----><!---->
                                </div>
                                <div class="el-select-dropdown el-popper" style="display: none;">
                                  <div class="el-scrollbar" style="">
                                    <div
                                      class="el-select-dropdown__wrap el-scrollbar__wrap el-scrollbar__wrap--hidden-default">
                                      <ul class="el-scrollbar__view el-select-dropdown__list"><!---->
                                        <li data-v-3b2604f7="" data-v-03693db5=""
                                          class="el-select-dropdown__item selected" style="display: none;"><span
                                            data-v-3b2604f7="">全部关联账号图库</span></li>
                                      </ul>
                                    </div>
                                    <div class="el-scrollbar__bar is-horizontal">
                                      <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
                                    </div>
                                    <div class="el-scrollbar__bar is-vertical">
                                      <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
                                    </div>
                                  </div><!---->
                                </div>
                              </div>
                            </div>
                            <div data-v-03693db5="" class="mt12 ml20 mr20">
                              <div data-v-7ea77d31="" data-v-03693db5="" class="sort-box">
                                <div data-v-7ea77d31="" class="sort-item"> 综合排序 <div data-v-7ea77d31=""
                                    class="sort-icons"><i data-v-7ea77d31=""
                                      class="sort-icon up el-icon-caret-top"></i><i data-v-7ea77d31=""
                                      class="sort-icon down el-icon-caret-bottom"></i></div>
                                </div>
                                <div data-v-7ea77d31="" class="sort-item"> 上新时间 <div data-v-7ea77d31=""
                                    class="sort-icons"><i data-v-7ea77d31=""
                                      class="sort-icon up el-icon-caret-top"></i><i data-v-7ea77d31=""
                                      class="sort-icon down el-icon-caret-bottom"></i></div>
                                </div><span data-v-03693db5="" class="el-tooltip item iconfont cp iconsort-neat"
                                  slot="reference" data-v-7ea77d31="" aria-describedby="el-tooltip-2726"
                                  tabindex="0"></span>
                              </div>
                            </div>
                          </div>
                          <div data-v-03693db5="" class="gallery-container gallery-pull" style="display: none;">
                            <div data-v-03693db5="" id="v-waterfall" infinite-scroll-distance="10"
                              class="v-waterfall-content scroll-bar">
                              <div data-v-03693db5="" class="empty-box"><img data-v-03693db5=""
                                  src="./static/img_hi.3906cb11.png" width="100" class="mt40">
                                <div data-v-03693db5="" class="mt10 f14">没有符合条件的背景图</div>
                              </div>
                            </div>
                            <div data-v-03693db5="" class="loadmore-tips" style="display: none;">
                              <div data-v-03693db5="" class="el-icon-loading"></div>
                              <div data-v-03693db5="">加载中</div>
                            </div>
                          </div>
                          <div data-v-03693db5="" class="gallery-grid-container">
                            <div data-v-03693db5="" class="gallery-grid scroll-bar">
                              <div data-v-03693db5="" class="gallery-list">
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                                <div data-v-03693db5="" draggable="true" class="gallery-item zw-image-box">
                                  <!----><!---->
                                </div>
                              </div>
                              <div data-v-539d11d8="" class="loading-wrap" style="display: none;">
                                <div data-v-539d11d8="" class="loading-box">
                                  <div data-v-539d11d8="" class="zw-loader"><span data-v-539d11d8=""
                                      class="spinner"></span></div>
                                </div>
                              </div>
                            </div>
                            <div data-v-ccdfdd4a="" data-v-03693db5="" class="pagination">
                              <a data-v-ccdfdd4a="" class="prev mr10 disabled"><i data-v-ccdfdd4a=""
                                  class="iconfont iconarrow-left-bold"></i></a>


                              <input data-v-ccdfdd4a="" type="text" class="page-input"><span data-v-ccdfdd4a=""
                                class="ml5 mr5">/</span><span data-v-ccdfdd4a="" class="total">89</span><a
                                data-v-ccdfdd4a="" class="next ml10"><i data-v-ccdfdd4a=""
                                  class="iconfont iconarrow-right-bold"></i></a>
                            </div>
                          </div>
                          <div data-v-03693db5="" class="gallery-info-box scroll-bar"
                            style="top: 0px; bottom: 0px; display: none;"><!----></div>
                          <div data-v-03693db5="" class="el-dialog__wrapper" style="display: none;">
                            <div role="dialog" aria-modal="true" aria-label="dfdf"
                              class="el-dialog zw-empty-gallery-pop" style="margin-top: 15vh; width: 480px;">
                              <div class="el-dialog__header">
                                <div data-v-03693db5="" class="dialog-title"> 温馨提示 </div><button type="button"
                                  aria-label="Close" class="el-dialog__headerbtn"><i
                                    class="el-dialog__close el-icon el-icon-close"></i></button>
                              </div><!---->
                              <div class="el-dialog__footer">
                                <div data-v-03693db5="" class="dialog-footer"><button data-v-03693db5="" type="button"
                                    class="el-button el-button--primary el-button--small"><!----><!----><span>我知道了</span></button>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </section>
                      <section data-v-1f207508="" class="bottom-section" style="display: none;">
                        <div data-v-1f207508="" class="color-picker-container scroll-bar pt12">
                          <div data-v-cecac1f6="" data-v-1f207508=""
                            class="flat-color-picker bg-color-picker __zw-color-picker" style="width: 230px;">
                            <div data-v-1c4b446c="" data-v-cecac1f6="" class="el-color-dropdown el-color-picker__panel">
                              <div data-v-1c4b446c="" class="el-color-dropdown__main-wrapper">
                                <div data-v-3bdda202="" data-v-1c4b446c="" class="el-color-hue-slider is-vertical"
                                  style="float: right;">
                                  <div data-v-3bdda202="" class="el-color-hue-slider__bar"></div>
                                  <div data-v-3bdda202="" class="el-color-hue-slider__thumb"
                                    style="left: 0px; top: 0px;"></div>
                                </div>
                                <div data-v-6bacf3f0="" data-v-1c4b446c="" class="el-color-svpanel"
                                  style="background-color: rgb(255, 0, 0);">
                                  <div data-v-6bacf3f0="" class="el-color-svpanel__white"></div>
                                  <div data-v-6bacf3f0="" class="el-color-svpanel__black"></div>
                                  <div data-v-6bacf3f0="" class="el-color-svpanel__cursor" style="top: 0px; left: 0px;">
                                    <div data-v-6bacf3f0=""></div>
                                  </div>
                                </div>
                              </div><!---->
                              <div data-v-1c4b446c="" class="flat-color__history-box">
                                <div data-v-1c4b446c="" class="custom-input el-input el-input--mini"><!----><input
                                    type="text" autocomplete="off" placeholder="#FFFFFF"
                                    class="el-input__inner"><!----><!----><!----><!----></div>
                                <div data-v-1c4b446c="" class="history-box"><a data-v-1c4b446c=""
                                    class="flat-color__straw ml4"><i data-v-1c4b446c=""
                                      class="iconfont iconstraw"></i></a><a data-v-1c4b446c=""
                                    class="flat-color__clear"><i data-v-1c4b446c=""
                                      class="iconfont icondisable-redline"></i></a>
                                  <div data-v-f5d188b6="" data-v-1c4b446c="" class="el-color-predefine">
                                    <div data-v-f5d188b6="" class="el-color-predefine__colors">
                                      <div data-v-f5d188b6="" class="el-color-predefine__color-selector">
                                        <div data-v-f5d188b6="" style="background-color: rgb(255, 255, 255);"></div>
                                      </div>
                                      <div data-v-f5d188b6="" class="el-color-predefine__color-selector">
                                        <div data-v-f5d188b6="" style="background-color: rgb(0, 0, 0);"></div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div data-v-1c4b446c="" class="flat-color__predefine-box">
                                <div data-v-1c4b446c="" class="label mt15 mb15">预设</div>
                                <div data-v-f5d188b6="" data-v-1c4b446c="" class="el-color-predefine">
                                  <div data-v-f5d188b6="" class="el-color-predefine__colors">
                                    <div data-v-f5d188b6="" class="el-color-predefine__color-selector">
                                      <div data-v-f5d188b6="" style="background-color: rgb(224, 32, 32);"></div>
                                    </div>
                                    <div data-v-f5d188b6="" class="el-color-predefine__color-selector">
                                      <div data-v-f5d188b6="" style="background-color: rgb(250, 100, 1);"></div>
                                    </div>
                                    <div data-v-f5d188b6="" class="el-color-predefine__color-selector">
                                      <div data-v-f5d188b6="" style="background-color: rgb(247, 181, 0);"></div>
                                    </div>
                                    <div data-v-f5d188b6="" class="el-color-predefine__color-selector">
                                      <div data-v-f5d188b6="" style="background-color: rgb(109, 212, 0);"></div>
                                    </div>
                                    <div data-v-f5d188b6="" class="el-color-predefine__color-selector">
                                      <div data-v-f5d188b6="" style="background-color: rgb(68, 215, 182);"></div>
                                    </div>
                                    <div data-v-f5d188b6="" class="el-color-predefine__color-selector">
                                      <div data-v-f5d188b6="" style="background-color: rgb(50, 197, 255);"></div>
                                    </div>
                                    <div data-v-f5d188b6="" class="el-color-predefine__color-selector">
                                      <div data-v-f5d188b6="" style="background-color: rgb(0, 145, 255);"></div>
                                    </div>
                                    <div data-v-f5d188b6="" class="el-color-predefine__color-selector">
                                      <div data-v-f5d188b6="" style="background-color: rgb(98, 54, 255);"></div>
                                    </div>
                                    <div data-v-f5d188b6="" class="el-color-predefine__color-selector">
                                      <div data-v-f5d188b6="" style="background-color: rgb(183, 41, 224);"></div>
                                    </div>
                                    <div data-v-f5d188b6="" class="el-color-predefine__color-selector">
                                      <div data-v-f5d188b6="" style="background-color: rgb(109, 114, 120);"></div>
                                    </div>
                                    <div data-v-f5d188b6="" class="el-color-predefine__color-selector">
                                      <div data-v-f5d188b6="" style="background-color: rgb(229, 229, 229);"></div>
                                    </div>
                                    <div data-v-f5d188b6="" class="el-color-predefine__color-selector">
                                      <div data-v-f5d188b6="" style="background-color: rgb(191, 191, 191);"></div>
                                    </div>
                                    <div data-v-f5d188b6="" class="el-color-predefine__color-selector">
                                      <div data-v-f5d188b6="" style="background-color: rgb(127, 127, 127);"></div>
                                    </div>
                                    <div data-v-f5d188b6="" class="el-color-predefine__color-selector">
                                      <div data-v-f5d188b6="" style="background-color: rgb(38, 38, 38);"></div>
                                    </div>
                                    <div data-v-f5d188b6="" class="el-color-predefine__color-selector">
                                      <div data-v-f5d188b6="" style="background-color: rgb(0, 0, 0);"></div>
                                    </div>
                                    <div data-v-f5d188b6="" class="el-color-predefine__color-selector">
                                      <div data-v-f5d188b6="" style="background-color: rgb(255, 255, 255);"></div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </section>
                    </div><!----><!---->
                    <div data-v-ea350f60="" style="display: none;">操作记录</div>
                    <div data-v-ea350f60="" style="display: none;">更多</div>
                  </div>
                  <div data-v-ea350f60="" class="cont-bottom" style="display: none;">
                    <div data-v-ea350f60="" class="tit"><span data-v-ea350f60="" class="txt"> 图层 <span
                          data-v-ea350f60="" class="el-tooltip iconfont iconcaveat-circle"
                          aria-describedby="el-tooltip-9896" tabindex="0"></span></span><span data-v-ea350f60=""
                        class="close"><i data-v-ea350f60="" class="iconfont iconclose-bold"></i></span></div>
                    <div data-v-ea350f60="" class="resize-area"><i data-v-ea350f60="" class="iconfont icondrag-up"></i>
                    </div>
                    <div data-v-ea350f60="" class="layer-box scroll-bar p10" style="height: 100%; overflow: auto;">
                      <div data-v-77bd003a="" class="sl-vue-tree sl-vue-tree sl-vue-tree-root">
                        <div data-v-77bd003a="" class="sl-vue-tree-nodes-list">
                          <div data-v-77bd003a="" class="sl-vue-tree-node">
                            <div data-v-77bd003a="" class="sl-vue-tree-cursor sl-vue-tree-cursor_before"
                              style="visibility: hidden; --depth: 0;"></div>
                            <div data-v-77bd003a="" path="[0]" class="sl-vue-tree-node-item sl-vue-tree-node-is-folder">
                              <!---->
                              <div data-v-77bd003a="" class="sl-vue-tree-title"><span data-v-77bd003a=""
                                  class="sl-vue-tree-toggle"><span data-v-77bd003a=""></span></span><span
                                  data-v-77bd003a="" class="item-icon"><!----><i data-v-77bd003a=""
                                    class="fa iconfont iconskin"></i></span><!----><!----><label data-v-77bd003a=""
                                  for="">整体设计</label><!----><!----><!----></div>
                              <div data-v-77bd003a="" class="sl-vue-tree-sidebar"></div>
                            </div><!---->
                            <div data-v-77bd003a="" class="sl-vue-tree-cursor sl-vue-tree-cursor_after"
                              style="visibility: hidden; --depth: 0;"></div>
                          </div>
                          <div data-v-77bd003a="" class="sl-vue-tree-node">
                            <div data-v-77bd003a="" class="sl-vue-tree-cursor sl-vue-tree-cursor_before"
                              style="visibility: hidden; --depth: 0;"></div>
                            <div data-v-77bd003a="" path="[1]" @
                              class="sl-vue-tree-node-item sl-vue-tree-node-is-folder">
                              <!---->
                              <div data-v-77bd003a="" class="sl-vue-tree-title"><span data-v-77bd003a=""
                                  class="sl-vue-tree-toggle"><span data-v-77bd003a=""><!----><i data-v-77bd003a=""
                                      class="fa el-icon-caret-right"></i></span></span><span data-v-77bd003a=""
                                  class="item-icon"><!----><i data-v-77bd003a=""
                                    class="fa iconfont iconskin"></i></span><!----><!----><label data-v-77bd003a=""
                                  for="">前片</label><!----><!----><!----></div>
                              <div data-v-77bd003a="" class="sl-vue-tree-sidebar"></div>
                            </div><!---->
                            <div data-v-77bd003a="" class="sl-vue-tree-cursor sl-vue-tree-cursor_after"
                              style="visibility: hidden; --depth: 0;"></div>
                          </div>
                          <div data-v-77bd003a="" class="sl-vue-tree-node">
                            <div data-v-77bd003a="" class="sl-vue-tree-cursor sl-vue-tree-cursor_before"
                              style="visibility: hidden; --depth: 0;"></div>
                            <div data-v-77bd003a="" path="[2]" class="sl-vue-tree-node-item sl-vue-tree-node-is-folder">
                              <!---->
                              <div data-v-77bd003a="" class="sl-vue-tree-title"><span data-v-77bd003a=""
                                  class="sl-vue-tree-toggle"><span data-v-77bd003a=""><!----><i data-v-77bd003a=""
                                      class="fa el-icon-caret-right"></i></span></span><span data-v-77bd003a=""
                                  class="item-icon"><!----><i data-v-77bd003a=""
                                    class="fa iconfont iconskin"></i></span><!----><!----><label data-v-77bd003a=""
                                  for="">后片</label><!----><!----><!----></div>
                              <div data-v-77bd003a="" class="sl-vue-tree-sidebar"></div>
                            </div><!---->
                            <div data-v-77bd003a="" class="sl-vue-tree-cursor sl-vue-tree-cursor_after"
                              style="visibility: hidden; --depth: 0;"></div>
                          </div>
                          <div data-v-77bd003a="" class="sl-vue-tree-node">
                            <div data-v-77bd003a="" class="sl-vue-tree-cursor sl-vue-tree-cursor_before"
                              style="visibility: hidden; --depth: 0;"></div>
                            <div data-v-77bd003a="" path="[3]" class="sl-vue-tree-node-item sl-vue-tree-node-is-folder">
                              <!---->
                              <div data-v-77bd003a="" class="sl-vue-tree-title"><span data-v-77bd003a=""
                                  class="sl-vue-tree-toggle"><span data-v-77bd003a=""><!----><i data-v-77bd003a=""
                                      class="fa el-icon-caret-right"></i></span></span><span data-v-77bd003a=""
                                  class="item-icon"><!----><i data-v-77bd003a=""
                                    class="fa iconfont iconskin"></i></span><!----><!----><label data-v-77bd003a=""
                                  for="">左袖</label><!----><!----><!----></div>
                              <div data-v-77bd003a="" class="sl-vue-tree-sidebar"></div>
                            </div><!---->
                            <div data-v-77bd003a="" class="sl-vue-tree-cursor sl-vue-tree-cursor_after"
                              style="visibility: hidden; --depth: 0;"></div>
                          </div>
                          <div data-v-77bd003a="" class="sl-vue-tree-node">
                            <div data-v-77bd003a="" class="sl-vue-tree-cursor sl-vue-tree-cursor_before"
                              style="visibility: hidden; --depth: 0;"></div>
                            <div data-v-77bd003a="" path="[4]" class="sl-vue-tree-node-item sl-vue-tree-node-is-folder">
                              <!---->
                              <div data-v-77bd003a="" class="sl-vue-tree-title"><span data-v-77bd003a=""
                                  class="sl-vue-tree-toggle"><span data-v-77bd003a=""><!----><i data-v-77bd003a=""
                                      class="fa el-icon-caret-right"></i></span></span><span data-v-77bd003a=""
                                  class="item-icon"><!----><i data-v-77bd003a=""
                                    class="fa iconfont iconskin"></i></span><!----><!----><label data-v-77bd003a=""
                                  for="">右袖</label><!----><!----><!----></div>
                              <div data-v-77bd003a="" class="sl-vue-tree-sidebar"></div>
                            </div><!---->
                            <div data-v-77bd003a="" class="sl-vue-tree-cursor sl-vue-tree-cursor_after"
                              style="visibility: hidden; --depth: 0;"></div>
                          </div>
                          <div data-v-77bd003a="" class="sl-vue-tree-node">
                            <div data-v-77bd003a="" class="sl-vue-tree-cursor sl-vue-tree-cursor_before"
                              style="visibility: hidden; --depth: 0;"></div>
                            <div data-v-77bd003a="" path="[5]" class="sl-vue-tree-node-item sl-vue-tree-node-is-folder">
                              <!---->
                              <div data-v-77bd003a="" class="sl-vue-tree-title"><span data-v-77bd003a=""
                                  class="sl-vue-tree-toggle"><span data-v-77bd003a=""><!----><i data-v-77bd003a=""
                                      class="fa el-icon-caret-right"></i></span></span><span data-v-77bd003a=""
                                  class="item-icon"><!----><i data-v-77bd003a=""
                                    class="fa iconfont iconskin"></i></span><!----><!----><label data-v-77bd003a=""
                                  for="">帽子</label><!----><!----><!----></div>
                              <div data-v-77bd003a="" class="sl-vue-tree-sidebar"></div>
                            </div><!---->
                            <div data-v-77bd003a="" class="sl-vue-tree-cursor sl-vue-tree-cursor_after"
                              style="visibility: hidden; --depth: 0;"></div>
                          </div>
                          <div data-v-77bd003a="" class="sl-vue-tree-drag-info" style="display: none;"><span
                              data-v-77bd003a="">已选择: 0项</span></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div data-v-908bf3ae="" class="zwdesign-main--center">
            <div data-v-0775c45b="" data-v-908bf3ae="" id="designer" class="designer">
              <div data-v-0775c45b="" class="designer-container">
                <div data-v-0775c45b="" class="view-img zw-scroll" style="left: 40px; top: 0px;">
                  <div data-v-0775c45b="" class="view-img-item overall-design-btn" style="">
                    <p data-v-0775c45b="" class="el-tooltip item" aria-describedby="el-tooltip-6257" tabindex="0">整体设计
                    </p>
                  </div>
                  <div data-v-0775c45b=""
                    class="swiper-container swiper swiper-container-initialized swiper-container-vertical swiper-container-free-mode">
                    <div class="swiper-wrapper"
                      style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);">
                      <div data-v-0775c45b="" class="swiper-slide swiper-slide-active" onclick="AddBack(this,1)">
                        <div data-v-0775c45b="" class="view-img-item active"><img data-v-0775c45b=""
                            src=""><span
                            data-v-0775c45b="" class="design-tips"></span></div><span data-v-0775c45b=""
                          class="el-tooltip part-view-desc item active" aria-describedby="el-tooltip-4618" tabindex="0">
                          前片 </span>
                      </div>
                      <div data-v-0775c45b="" class="swiper-slide swiper-slide-next" onclick="AddBack(this,2)">
                        <div data-v-0775c45b="" class="view-img-item"><img data-v-0775c45b=""
                            src=""><span
                            data-v-0775c45b="" class="design-tips"></span></div><span data-v-0775c45b=""
                          class="el-tooltip part-view-desc item" aria-describedby="el-tooltip-3153" tabindex="0"> 后片
                        </span>
                      </div>
                      <div data-v-0775c45b="" class="swiper-slide" onclick="AddBack(this,3)">
                        <div data-v-0775c45b="" class="view-img-item"><img data-v-0775c45b=""
                            src=""><span
                            data-v-0775c45b="" class="design-tips"></span></div><span data-v-0775c45b=""
                          class="el-tooltip part-view-desc item" aria-describedby="el-tooltip-3508" tabindex="0"> 左袖
                        </span>
                      </div>
                      <div data-v-0775c45b="" class="swiper-slide" onclick="AddBack(this,4)">
                        <div data-v-0775c45b="" class="view-img-item"><img data-v-0775c45b=""
                            src=""><span
                            data-v-0775c45b="" class="design-tips"></span></div><span data-v-0775c45b=""
                          class="el-tooltip part-view-desc item" aria-describedby="el-tooltip-8337" tabindex="0"> 右袖
                        </span>
                      </div>
                      <div data-v-0775c45b="" class="swiper-slide" onclick="AddBack(this,5)">
                        <div data-v-0775c45b="" class="view-img-item"><img data-v-0775c45b=""
                            src=""><span
                            data-v-0775c45b="" class="design-tips"></span></div><span data-v-0775c45b=""
                          class="el-tooltip part-view-desc item" aria-describedby="el-tooltip-7493" tabindex="0"> 帽子
                        </span>
                      </div>
                    </div>
                    <!-- <div data-v-0775c45b="" class="swiper-scrollbar" style="">
                      <div class="swiper-scrollbar-drag"
                        style="transform: translate3d(0px, 0px, 0px); transition-duration: 0ms; height: 64.5227px;">
                      </div>

                    </div> -->

                    <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                  </div>
                </div>


                <div style="left:50%;position: absolute;top:50%;transform: translateX(-50%) translateY(-50%);">
                  <div class="controls">
                    <!-- <p>
                      <button id="add" onclick="Add()">Add a rectangle</button>
                    </p> -->
                  </div>
                  <canvas id="c" width="800" height="800"></canvas>
                </div>
              </div>

              <div data-v-0775c45b="" class="designer-ruler">
                <div data-v-0775c45b="" id="xRuler" class="ruler-box x"></div>
                <div data-v-0775c45b="" id="yRuler" class="ruler-box y"></div>
              </div>
              <div data-v-0775c45b="" class="overall-design-tip" style="display: none;"><img data-v-0775c45b=""
                  src="./static/overallDesignGuide.e89e45b2.png" width="100%" height="100%">
              </div>

              <div data-v-0775c45b="" id="designAreasize" class="designAreasize" style="left: 145.5px; top: 400.514px;">
                可设计区域 51.8x53.7 (cm)</div>
              <div data-v-0775c45b="" id="containerSize" class="containerSize" style="visibility: hidden;"></div>
              <div data-v-0775c45b="" class="ncRemind" style="display: none;">
                <div data-v-0775c45b="" class="vagueRemind"></div>
                <div data-v-0775c45b="" class="defRemind"></div>
              </div>
              <div data-v-0775c45b="" class="spaceRemind" style="display: none;">
                <div data-v-0775c45b="">
                  <div data-v-0775c45b="" class="cont"><i data-v-0775c45b="" class="iconfont iconcaveat-circle-fill mr3"
                      style="color: rgb(255, 77, 79);"></i>图片未铺满设计区域，产品生产可能存在留白！ <span data-v-0775c45b="">
                      <div role="tooltip" id="el-popover-2191" aria-hidden="true"
                        class="el-popover el-popper overspread-popper" tabindex="0" style="display: none;"><!---->
                        <div data-v-0775c45b="" class="content overspread-tips-info">
                          <div data-v-0775c45b="" class="tit"><span data-v-0775c45b=""
                              class="red">图片未铺满</span>设计区域，产品生产<span data-v-0775c45b="" class="red">可能存在留白！</span></div>
                          <img data-v-0775c45b="" src="./static/not_covered2@2x.7a3b463a.png" width="380">
                          <div data-v-0775c45b="" class="gray mt15">*上图为正常铺满与未铺满的产品示例</div>
                        </div>
                      </div><span class="el-popover__reference-wrapper">
                        <div data-v-0775c45b="" class="el-popover__reference" aria-describedby="el-popover-2191"
                          tabindex="0"><i data-v-0775c45b="" class="iconfont iconquestion-fill pointer"
                            style="color: rgb(4, 83, 243);"></i></div>
                      </span>
                    </span></div>
                  <div data-v-0775c45b=""><a data-v-0775c45b="" class="overspread-opt mr10 pointer">等比放大</a><a
                      data-v-0775c45b="" class="overspread-opt mr10 pointer">镜像平铺</a><a data-v-0775c45b=""
                      class="el-icon-close pointer close"></a></div>
                </div>
              </div>
              <div data-v-0775c45b="" id="cutSafeLine">全幅设计时，请务必铺满最外围的红色虚线（生产裁剪线），否则生产会留空白</div>
              <div data-v-0775c45b="" id="designDeclareTips" class="designDeclareTips">
                <div data-v-0775c45b=""> 设计前，请先仔细阅读右侧的“设计说明” <label data-v-0775c45b="" class="ml10"><input
                      data-v-0775c45b="" type="checkbox"> 不再提醒 </label></div>
              </div><!---->
              <div data-v-0775c45b="" class="el-dialog__wrapper" style="display: none;">
                <div role="dialog" aria-modal="true" aria-label="提示" class="el-dialog save-tip-dialog"
                  style="margin-top: 15vh; width: 520px;">
                  <div class="el-dialog__header">
                    <div data-v-0775c45b="" class="save-tip-title"><i data-v-0775c45b=""
                        class="iconfont iconinfo-circle-fill f20"></i><span data-v-0775c45b=""
                        class="f16">该产品存在以下问题：</span></div><button type="button" aria-label="Close"
                      class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button>
                  </div><!---->
                  <div class="el-dialog__footer">
                    <div data-v-0775c45b="" class="dialog-footer save-tip-footer"><label data-v-0775c45b=""><input
                          data-v-0775c45b="" type="checkbox"><span data-v-0775c45b=""> 7天不再提醒</span></label>
                      <div data-v-0775c45b=""><button data-v-0775c45b="" type="button"
                          class="el-button continue el-button--default el-button--small is-round"
                          id="saveContinue"><!----><!----><span></span></button><button data-v-0775c45b="" type="button"
                          class="el-button el-button--primary el-button--small is-round"
                          id="saveRedesign"><!----><!----><span>是，重新设计</span></button></div>
                    </div>
                  </div>
                </div>
              </div>
              <div data-v-0775c45b="" class="el-dialog__wrapper" style="display: none;">
                <div role="dialog" aria-modal="true" aria-label="dfdf" class="el-dialog zw-message-pop"
                  style="margin-top: 15vh; width: 480px;">
                  <div class="el-dialog__header">
                    <div data-v-0775c45b="" class="dialog-title"><i data-v-0775c45b=""
                        class="el-icon-warning primary-icon"></i> 提示 </div><button type="button" aria-label="Close"
                      class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button>
                  </div><!---->
                  <div class="el-dialog__footer">
                    <div data-v-0775c45b="" class="dialog-footer"><button data-v-0775c45b="" type="button"
                        class="el-button el-button--default el-button--small"><!----><!----><span>清空当前面</span></button><button
                        data-v-0775c45b="" type="button"
                        class="el-button el-button--primary el-button--small"><!----><!----><span>清空所有面</span></button>
                    </div>
                  </div>
                </div>
              </div>
              <div data-v-0775c45b="" id="designMenu" class="design-menu" style="display: none;">
                <ul data-v-0775c45b=""></ul>
              </div>
              <div data-v-0775c45b="" class="el-dialog__wrapper" style="display: none;">
                <div role="dialog" aria-modal="true" aria-label="dfdf" class="el-dialog zw-download-effect-pop"
                  style="margin-top: 15vh; width: 480px;">
                  <div class="el-dialog__header">
                    <div data-v-0775c45b="" class="dialog-title">下载效果图</div><button type="button" aria-label="Close"
                      class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button>
                  </div><!---->
                  <div class="el-dialog__footer">
                    <div data-v-0775c45b="" class="dialog-footer"><button data-v-0775c45b="" type="button"
                        class="el-button el-button--primary el-button--small"><!----><!----><span>导出</span></button>
                    </div>
                  </div>
                </div>
              </div>
              <div data-v-215366b5="" data-v-0775c45b="" class="replace-product-dialog">
                <div data-v-215366b5="" class="el-dialog__wrapper" style="display: none;">
                  <div role="dialog" aria-modal="true" aria-label="提示" class="el-dialog"
                    style="margin-top: 15vh; width: 30%;">
                    <div class="el-dialog__header"><span class="el-dialog__title">提示</span><button type="button"
                        aria-label="Close" class="el-dialog__headerbtn"><i
                          class="el-dialog__close el-icon el-icon-close"></i></button></div><!---->
                    <div class="el-dialog__footer">
                      <div data-v-215366b5="" class="dialog-footer save-tip-footer"><button data-v-215366b5=""
                          type="button"
                          class="el-button mr15 el-button--default el-button--small"><!----><!----><span>取消</span></button><button
                          data-v-215366b5="" type="button" class="el-button mr5 el-button--primary el-button--small"
                          id="replaceAndrelation"><!----><!----><span> 替换并关联 </span></button><span data-v-215366b5="">
                          <div role="tooltip" id="el-popover-4661" aria-hidden="true"
                            class="el-popover el-popper replace-product-dialog-popover" tabindex="0"
                            style="display: none;"><!---->
                            <div data-v-215366b5="" class="tips-cont">
                              <div data-v-215366b5="" class="pt5 pb10">
                                <p data-v-215366b5="">已导出的定制产品，出单后需要修改成其它同类型产品时，</p>
                                <p data-v-215366b5="">可点击“替换并关联”按钮，保存产品的“转换关系”；</p>
                                <p data-v-215366b5="">再次导入订单将自动转换产品</p>
                              </div>
                            </div>
                          </div><span class="el-popover__reference-wrapper">
                            <div data-v-215366b5="" class="el-popover__reference" aria-describedby="el-popover-4661"
                              tabindex="0"><i data-v-215366b5=""
                                class="iconfont iconquestion-fill img-replace-tip-icon mr10"></i></div>
                          </span>
                        </span><button data-v-215366b5="" type="button"
                          class="el-button ml10 el-button--primary el-button--small"
                          id="replace"><!----><!----><span>替换</span></button></div>
                    </div>
                  </div>
                </div>
              </div>
              <div data-v-0775c45b=""></div>
            </div>
          </div>
          <div data-v-908bf3ae="" class="zwdesign-main--right">
            <div data-v-46365770="" data-v-908bf3ae="" class="sidebar">
              <div data-v-46365770="" class="sidebar-main">
                <div data-v-46365770="" class="sidebar-cont">
                  <div data-v-46365770="" class="design-effect">
                    <div data-v-69c92522="" data-v-46365770="" class="carousel show-3d-img">
                      <div data-v-69c92522="" class="type-btn-group">
                        <div data-v-69c92522="" class="btn-item btn-3d active">3D</div>
                        <!-- <div data-v-69c92522="" class="btn-item btn-2d active">2D</div> -->
                      </div>

                      <div data-v-69c92522="" class="carousel--left">
                        <div data-v-69c92522="" id="3dCanvas" class="container-3d" style="display: none;"></div>
                        <div data-v-69c92522="" class="el-carousel el-carousel--horizontal">
                          <div class="el-carousel__container"><button type="button"
                              class="el-carousel__arrow el-carousel__arrow--left"><i
                                class="el-icon-arrow-left"></i></button><button type="button"
                              class="el-carousel__arrow el-carousel__arrow--right"><i
                                class="el-icon-arrow-right"></i></button>
                            <div id="container" class="el-carousel__item is-active is-animating" style=""><!---->
                              <!-- <div data-v-69c92522="" class="map-preview-img"><img data-v-69c92522="" alt=""
                                  class="base-img" style=""
                                  src="./static/72BFPE-925cb18-1-29-3-500-6d20ba01c7816ec7cf11a4e01c8862df.png"><img
                                  data-v-69c92522=""
                                  src="./static/72BFPE-925cb1d-1-29-3-500-5b6cc11ab3fe08aee5e5a313fe1b3479.png" alt=""
                                  class="mask-img">
                                <div data-v-69c92522="" id="3dCanvas0"
                                  style="width: 100%; height: 100%; position: relative;"><canvas width="594"
                                    height="594"
                                    style="left: -5.13333px; top: 5.6px; transform: rotate(0deg); position: absolute; width: 277.2px; height: 277.2px;"></canvas>
                                </div>
                              </div> -->
                            </div>
                            <div data-v-69c92522="" class="el-carousel__item"
                              style="transform: translateX(280px) scale(1);"><!---->
                              <div data-v-69c92522="" class="map-preview-img"><img data-v-69c92522="" alt=""
                                  class="base-img" style="display: none;"><!---->
                                <div data-v-69c92522="" id="3dCanvas1"
                                  style="width: 100%; height: 100%; position: relative;"></div>
                              </div>
                            </div>
                            <div data-v-69c92522="" class="el-carousel__item"
                              style="transform: translateX(560px) scale(1);"><!---->
                              <div data-v-69c92522="" class="map-preview-img"><img data-v-69c92522="" alt=""
                                  class="base-img" style="display: none;"><!---->
                                <div data-v-69c92522="" id="3dCanvas2"
                                  style="width: 100%; height: 100%; position: relative;"></div>
                              </div>
                            </div>
                            <div data-v-69c92522="" class="el-carousel__item"
                              style="transform: translateX(840px) scale(1);"><!---->
                              <div data-v-69c92522="" class="map-preview-img"><img data-v-69c92522="" alt=""
                                  class="base-img" style="display: none;"><!---->
                                <div data-v-69c92522="" id="3dCanvas3"
                                  style="width: 100%; height: 100%; position: relative;"></div>
                              </div>
                            </div>
                            <div data-v-69c92522="" class="el-carousel__item"
                              style="transform: translateX(1120px) scale(1);"><!---->
                              <div data-v-69c92522="" class="map-preview-img"><img data-v-69c92522="" alt=""
                                  class="base-img" style="display: none;"><!---->
                                <div data-v-69c92522="" id="3dCanvas4"
                                  style="width: 100%; height: 100%; position: relative;"></div>
                              </div>
                            </div>
                            <div data-v-69c92522="" class="el-carousel__item"
                              style="transform: translateX(-560px) scale(1);"><!---->
                              <div data-v-69c92522="" class="map-preview-img"><img data-v-69c92522="" alt=""
                                  class="base-img" style="display: none;"><!----></div>
                            </div>
                            <div data-v-69c92522="" class="el-carousel__item"
                              style="transform: translateX(-560px) scale(1);"><!---->
                              <div data-v-69c92522="" class="map-preview-img"><img data-v-69c92522="" alt=""
                                  class="base-img" style="display: none;"><!----></div>
                            </div>
                            <div data-v-69c92522="" class="el-carousel__item"
                              style="transform: translateX(-560px) scale(1);"><!---->
                              <div data-v-69c92522="" class="map-preview-img"><img data-v-69c92522="" alt=""
                                  class="base-img" style="display: none;"><!---->
                                <div data-v-69c92522="" id="3dCanvas7"
                                  style="width: 100%; height: 100%; position: relative;"></div>
                              </div>
                            </div>
                            <div data-v-69c92522="" class="el-carousel__item"
                              style="transform: translateX(-280px) scale(1);"><!---->
                              <div data-v-69c92522="" class="add-custom-board"><a data-v-69c92522=""
                                  class="primary-color">自定义底板</a></div>
                            </div>
                          </div>

                        </div>
                      </div><!----><!---->
                    </div>
                  </div>
                  <div data-v-46365770="" id="rightTopContent" class="bottom-cont scroll-bar">
                    <!----><!----><!----><!---->
                    <!-- <div data-v-46365770="" class="empty">
                      <p data-v-46365770=""> 当前定制面：前片</p>
                      <p data-v-46365770="">推荐设计尺寸：2040*2116px</p>
                    </div> -->
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div data-v-23be94fe="" data-v-908bf3ae="" id="boardTipsMask" class="board-tips-mask"><img data-v-23be94fe=""
            id="maskImg" src="https://www.hicustom.com/frontend/create/create" alt="" class="mask-img">
          <div data-v-23be94fe="" id="maskText" class="mask-text">
            <p data-v-23be94fe="">第一步：挑选商品</p><span data-v-23be94fe="">选择一款您想要定制的空白商品，进行设计。 </span>
            <div data-v-23be94fe="" class="mask-step"><span data-v-23be94fe=""><a data-v-23be94fe="">1</a>/3</span>
              <div data-v-23be94fe="" class="next-btn"><button data-v-23be94fe="" type="button"
                  class="el-button el-button--default el-button--small"><!----><!----><span>下一步</span></button>
                <div data-v-23be94fe="" id="tipTouchAnimation" class="touch_animation">
                  <div data-v-23be94fe="" class="circle_a"></div>
                  <div data-v-23be94fe="" class="circle_b"></div>
                  <div data-v-23be94fe="" class="mouse_tip"><svg data-v-23be94fe="" x="0px" y="0px" viewBox="0 0 24 32"
                      xml:space="preserve">
                      <path data-v-23be94fe="" d="M4.4,1.9C4.9,1.9,5.5,2,6,2.4l0,0L21,16c0.5,0.5,0.7,0.9,0.7,1.6c0,0.6-0.2,1.1-0.5,1.5
                      c-0.4,0.5-0.9,0.8-1.5,0.8l0,0l-3.7,0.3l2.5,5.2c0.2,0.6,0.2,1.2,0,1.8c-0.2,0.6-0.6,1-1.2,1.3l0,0l-2.9,1.4c-0.6,0.2-1.2,0.2-1.8,0
                      c-0.6-0.2-1-0.6-1.3-1.2l0,0l-2.5-5.3l-2.7,2.7c-0.5,0.5-0.9,0.7-1.6,0.7s-1.2-0.3-1.6-0.7s-0.7-1-0.7-1.6l0,0V4.2
                      c0-0.5,0.2-1.2,0.7-1.6C3.3,2.2,3.8,1.9,4.4,1.9z"
                        style="fill: rgb(4, 83, 243); stroke: rgb(255, 255, 255); stroke-width: 3; stroke-linejoin: round;">
                      </path>
                    </svg></div>
                </div>
              </div>
            </div><span data-v-23be94fe="" class="mask-text-triangle"></span>
          </div>
        </div><!---->
      </div>
    </div>

  </div>




  <!-- Import maps polyfill -->
  <!-- Remove this when import maps will be widely supported -->
  <script async src="https://unpkg.com/es-module-shims@1.6.3/dist/es-module-shims.js"></script>

  <script type="importmap">
			{
				"imports": {
					"three": "./build/three.module.js",
					"three/addons/": "./jsm/"
				}
			}
		</script>

  <script type="module" src="./three-clothes.js"></script>




</body>

</html>